<?xml version="1.0" encoding="utf-8"?>
<style title="Miracle Community (Arizona)" description="" enable_variations="1" user_selectable="1" base_version_id="2030670" export_version="2">
  <assets/>
  <templates>
    <template title="PAGE_CONTAINER" type="public" addon_id="XF" version_id="2030670" version_string="2.3.6"><![CDATA[<!DOCTYPE html>
<html id="XF" lang="{$xf.language.language_code}" dir="{$xf.language.text_direction}"
	data-xf="{$xf.versionVisible}"
	data-app="public"
	{{ ($xf.style.isVariationsEnabled() && $xf.visitor.style_variation) ? 'data-variation="' . $xf.visitor.style_variation . '"' : '' }}
	{{ ($xf.style.isVariationsEnabled() && $xf.visitor.style_variation) ? 'data-color-scheme="' . property_variation('styleType', $xf.visitor.style_variation) . '"' : '' }}
	data-template="{$template}"
	data-container-key="{$containerKey}"
	data-content-key="{$contentKey}"
	data-logged-in="{{ $xf.visitor.user_id ? 'true' : 'false' }}"
	data-cookie-prefix="{$xf.cookie.prefix}"
	data-csrf="{{ csrf_token()|escape('js') }}"
	class="has-no-js {{ $template ? 'template-' . $template : '' }}"
	{{ $xf.runJobs ? ' data-run-jobs=""' : '' }}>
<head>
	<link rel="preconnect" href="https://fonts.gstatic.com">
	<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&amp;display=swap" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css2?family=Sofia+Sans:wght@400;500;600;700&amp;display=swap" rel="stylesheet">
	<xf:set var="$siteName" value="{$xf.options.boardTitle}" />
	<xf:set var="$h1"><xf:h1 fallback="{$siteName}" /></xf:set>
	<xf:set var="$description"><xf:description /></xf:set>

	<meta charset="utf-8" />
	<title><xf:title formatter="%s | %s" fallback="{$xf.options.boardTitle}" page="{$pageNumber}" /></title>
	<link rel="manifest" href="{{ base_url('webmanifest.php') }}">

	<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">

	<xf:if is="$xf.style.isVariationsEnabled()">
		<xf:if is="$xf.visitor.style_variation">
			<meta name="theme-color" content="{{ parse_less_color(property_variation('metaThemeColor', $xf.visitor.style_variation)) }}" />
		<xf:else />
			<xf:if is="$xf.style.hasAlternateStyleTypeVariation()">
				<meta name="theme-color" media="(prefers-color-scheme: {{ $xf.style.getDefaultStyleType() }})" content="{{ parse_less_color(property_variation('metaThemeColor', 'default')) }}" />
				<meta name="theme-color" media="(prefers-color-scheme: {{ $xf.style.getAlternateStyleType() }})" content="{{ parse_less_color(property_variation('metaThemeColor', $xf.style.getAlternateStyleTypeVariation())) }}" />
			<xf:else />
				<meta name="theme-color" content="{{ parse_less_color(property_variation('metaThemeColor', 'default')) }}" />
			</xf:if>
		</xf:if>
	<xf:else />
		<meta name="theme-color" content="{{ parse_less_color(property_variation('metaThemeColor', 'default')) }}" />
	</xf:if>

	<meta name="apple-mobile-web-app-title" content="{{ $xf.options.boardShortTitle ?: $xf.options.boardTitle }}">
	<xf:if is="property('publicIconUrl')">
		<link rel="apple-touch-icon" href="{{ base_url(property('publicIconUrl', true)) }}">
		<xf:elseif is="property('publicMetadataLogoUrl')" />
		<link rel="apple-touch-icon" href="{{ base_url(property('publicMetadataLogoUrl')) }}" />
	</xf:if>

	<xf:foreach loop="$head" value="$headTag">
		{$headTag}
	</xf:foreach>

	<xf:if is="!$head.meta_site_name && $siteName is not empty">
		<xf:macro id="metadata_macros::site_name" arg-siteName="{$siteName}" arg-output="{{ true }}" />
	</xf:if>
	<xf:if is="!$head.meta_type">
		<xf:macro id="metadata_macros::type" arg-type="website" arg-output="{{ true }}" />
	</xf:if>
	<xf:if is="!$head.meta_title">
		<xf:macro id="metadata_macros::title" arg-title="{{ page_title() ?: $siteName }}" arg-output="{{ true }}" />
	</xf:if>
	<xf:if is="!$head.meta_description && $description is not empty && $pageDescriptionMeta">
		<xf:macro id="metadata_macros::description" arg-description="{$description}" arg-output="{{ true }}" />
	</xf:if>
	<xf:if is="!$head.meta_share_url">
		<xf:macro id="metadata_macros::share_url" arg-shareUrl="{$xf.fullUri}" arg-output="{{ true }}" />
	</xf:if>
	<xf:if is="!$head.meta_image_url && property('publicMetadataLogoUrl')">
		<xf:macro id="metadata_macros::image_url"
			arg-imageUrl="{{ base_url(property('publicMetadataLogoUrl'), true) }}"
			arg-output="{{ true }}" />
	</xf:if>

	<xf:macro id="helper_js_global::head" arg-app="public" arg-jsState="{$jsState}" />

	<xf:if is="property('publicFaviconUrl')">
		<link rel="icon" type="image/png" href="{{ base_url(property('publicFaviconUrl'), true) }}" sizes="32x32" />
	</xf:if>

	<xf:include template="google_analytics" />
</head>
<body data-template="{$template}">

<div class="p-pageWrapper" id="top">

	<xf:set var="$navHtml">
		<nav class="p-nav">

			<ul class="p-nav-list js-offCanvasNavSource">
			<xf:foreach loop="$navTree" key="$navSection" value="$navEntry" i="$i" if="{{ $navSection != $xf.app.defaultNavigationId }}">
				<li>
					<xf:macro name="nav_entry"
						arg-navId="{$navSection}"
						arg-nav="{$navEntry}"
						arg-selected="{{ $navSection == $pageSection }}"
						arg-shortcut="{$i}" />
				</li>
			</xf:foreach>
			</ul>
			
			<xf:ad position="container_header" />
		</nav>
	</xf:set>
	<xf:set var="$subNavHtml">
		<xf:if is="$selectedNavChildren is not empty">
			<div class="p-sectionLinks">
				<h2 class="p-sideNav--title">{{ phrase('navigation_section') }}</h2>
				<ul class="p-sectionLinks-list">
				<xf:foreach loop="$selectedNavChildren" key="$navId" value="$navEntry" i="$i">
					<li>
						<xf:macro id="nav_entry" arg-navId="{$navId}" arg-nav="{$navEntry}" arg-shortcut="alt+{$i}" />
					</li>
				</xf:foreach>
				</ul>
			</div>
		<xf:elseif is="{$selectedNavEntry}" />
			<div class="p-sectionLinks p-sectionLinks--empty"></div>
		</xf:if>
	</xf:set>
	
	<xf:if is="property('publicNavSticky') == 'primary'">
		<div class="p-sideNav {{ !is_toggled('_nav-1') ? 'is-active' : '' }}">
			<span id="collapse-nav" class="collapseTrigger collapseTrigger--block {{ !is_toggled('_nav-1') ? ' is-active' : '' }}" data-xf-click="toggle" data-xf-init="toggle-storage" data-storage-type="cookie" data-target=".p-sideNav" data-storage-key="_nav-1"></span>
			<div class="p-navSticky p-navSticky--primary" data-xf-init="sticky-header">
				{$navHtml|raw}
			</div>
			{$subNavHtml|raw}
		</div>
	<xf:elseif is="property('publicNavSticky') == 'all'" />
		<div class="p-sideNav {{ !is_toggled('_nav-1') ? 'is-active' : '' }}">
			<span id="collapse-nav" class="collapseTrigger collapseTrigger--block {{ !is_toggled('_nav-1') ? ' is-active' : '' }}" data-xf-click="toggle" data-xf-init="toggle-storage" data-storage-type="cookie" data-target=".p-sideNav" data-storage-key="_nav-1"></span>
			<div class="p-navSticky p-navSticky--all">
				{$navHtml|raw}
				{$subNavHtml|raw}
			</div>
		</div>
	<xf:else />
		<div class="p-sideNav {{ !is_toggled('_nav-1') ? 'is-active' : '' }}">
			<span id="collapse-nav" class="collapseTrigger collapseTrigger--block {{ !is_toggled('_nav-1') ? ' is-active' : '' }}" data-xf-click="toggle" data-xf-init="toggle-storage" data-storage-type="cookie" data-target=".p-sideNav" data-storage-key="_nav-1"></span>
			{$navHtml|raw}
			{$subNavHtml|raw}
		</div>
	</xf:if>

	<div class="offCanvasMenu offCanvasMenu--nav js-headerOffCanvasMenu" data-menu="menu" aria-hidden="true" data-ocm-builder="navigation">
		<div class="offCanvasMenu-backdrop" data-menu-close="true"></div>
		<div class="offCanvasMenu-content">
			<div class="offCanvasMenu-header">
				{{ phrase('menu') }}
				<a class="offCanvasMenu-closer" data-menu-close="true" role="button" tabindex="0" aria-label="{{ phrase('close')|for_attr }}"></a>
			</div>
			<xf:if is="$xf.visitor.user_id">
				<div class="p-offCanvasAccountLink">
					<div class="offCanvasMenu-linkHolder">
						<a href="{{ link('account') }}" class="offCanvasMenu-link">
							<xf:avatar user="$xf.visitor" size="xxs" href="" />
							{$xf.visitor.username}
						</a>
					</div>
					<hr class="offCanvasMenu-separator" />
				</div>
				<xf:else />
				<div class="p-offCanvasRegisterLink">
					<div class="offCanvasMenu-linkHolder">
						<a href="{{ link('login') }}" class="offCanvasMenu-link" data-xf-click="overlay" data-menu-close="true">
							{{ phrase('log_in') }}
						</a>
					</div>
					<hr class="offCanvasMenu-separator" />
					<xf:if is="$xf.options.registrationSetup.enabled">
						<div class="offCanvasMenu-linkHolder">
							<a href="{{ link('register') }}" class="offCanvasMenu-link" data-xf-click="overlay" data-menu-close="true">
								{{ phrase('register') }}
							</a>
						</div>
						<hr class="offCanvasMenu-separator" />
					</xf:if>
				</div>
			</xf:if>
			<div class="js-offCanvasNavTarget"></div>
			<div class="offCanvasMenu-installBanner js-installPromptContainer" style="display: none;" data-xf-init="install-prompt">
				<div class="offCanvasMenu-installBanner-header">{{ phrase('install_app') }}</div>
				<xf:button class="js-installPromptButton">{{ phrase('install') }}</xf:button>
				<template class="js-installTemplateIOS">
					<div class="js-installTemplateContent">
						<div class="overlay-title">{{ phrase('how_to_install_app_on_ios') }}</div>
						<div class="block-body">
							<div class="block-row">
								<p>
									{{ phrase('follow_along_with_video_below_to_see_how_to_install_our_site_as_web_app') }}
								</p>
								<p style="text-align: center">
									<video src="{{ base_url(property('publicPwaInstallVideoUrl')) }}"
										width="280" height="480" autoplay loop muted playsinline></video>
								</p>
								<p>
									<small><strong>{{ phrase('note:') }}</strong> {{ phrase('this_feature_currently_may_not_be_available_in_some_browsers') }}</small>
								</p>
							</div>
						</div>
					</div>
				</template>
			</div>
		</div>
	</div>

	<div class="p-body">
		<div class="p-navTop">
			
			<xf:button class="button--plain p-nav-menuTrigger" data-xf-click="off-canvas" data-menu=".js-headerOffCanvasMenu" tabindex="0"
				aria-label="{{ phrase('menu')|for_attr }}">
				<i aria-hidden="true"></i>
			</xf:button>
			
			<xf:if is="property('dt_text_logo')">
				<div class="p-header-logo p-header-logo--text">
					<a href="{{ ($xf.options.logoLink && $xf.homePageUrl) ? $xf.homePageUrl : link('index') }}">
						{{ property('dt_text_logo') }}
					</a>
				</div>
			<xf:else />
				<div class="p-header-logo p-header-logo--image">
					<a href="{{ ($xf.options.logoLink && $xf.homePageUrl) ? $xf.homePageUrl : link('index') }}">
						<xf:macro id="style_variation_macros::picture"
							arg-property="publicLogoUrl"
							arg-propertyRetina="publicLogoUrl2x"
							arg-width="{{ property('publicLogoWidth') }}"
							arg-height="{{ property('publicLogoHeight') }}"
							arg-alt="{$xf.options.boardTitle}" />
					</a>
				</div>
			</xf:if>
			<xf:if is="$xf.visitor.canSearch()">
				<xf:set var="$xenSearch">
					<div class='p-search'>
						<form action="{{ link('search/search') }}" method="post">
							<div class='p-search-container'>
								<xf:if is="$searchConstraints">
									<xf:textbox name="keywords"
										data-xf-init="{{ $xf.searchAutoComplete ? 'search-auto-complete' : '' }}"
										data-acurl="{{ link('search/auto-complete') }}"
										placeholder="{{ phrase('search...') }}"
										aria-label="{{ phrase('search') }}"
										class="input--search"
										id="input--search"
										data-menu-autofocus="true" />
								<xf:else />
									<xf:textbox name="keywords"
										data-xf-init="{{ $xf.searchAutoComplete ? 'search-auto-complete' : '' }}"
										data-acurl="{{ link('search/auto-complete') }}"
										placeholder="{{ phrase('search...') }}"
										aria-label="{{ phrase('search') }}"
										class="input--search"
										id="input--search"
										data-menu-autofocus="true" />
								</xf:if>
								<div class='p-search-icon'><xf:fa icon="fa-search" /></div>
							</div>
							<div id="p-search-menu" class="p-search-menu">
								<div class="menu-content">
									<xf:if is="$searchConstraints">
										<div class="inputGroup inputGroup--joined">
											<xf:select name="constraints"
												class="js-quickSearch-constraint"
												aria-label="{{ phrase('search_within') }}">
												<xf:option value="">{{ phrase('everywhere') }}</xf:option>
												<xf:foreach loop="$searchConstraints" key="$constraintName" value="$constraint">
													<xf:option value="{$constraint|json}">{$constraintName}</xf:option>
												</xf:foreach>
											</xf:select>
										</div>
									</xf:if>
									<!--[XF:search_menu:above_title_only]-->
									<div class="menu-row">
										<xf:checkbox standalone="true">
											<xf:option name="c[title_only]">
												<xf:label>
													{{ phrase('search_titles_only') }}
													<xf:if is="$xf.options.enableTagging">
													<span tabindex="0" role="button"
														data-xf-init="tooltip" data-trigger="hover focus click" title="{{ phrase('tags_will_also_be_searched')|for_attr }}">
														<xf:fa icon="far fa-question-circle" class="u-muted u-smaller"
															title="{{ phrase('note')|for_attr }}" />
													</span>
													</xf:if>
												</xf:label>
											</xf:option>
										</xf:checkbox>
									</div>
									<!--[XF:search_menu:above_member]-->
									<div class="menu-row">
										<div class="inputGroup">
											<span class="inputGroup-text" id="ctrl_search_menu_by_member">{{ phrase('by:') }}</span>
											<input type="text" class="input" name="c[users]" data-xf-init="auto-complete" placeholder="{{ phrase('member')|for_attr }}" aria-labelledby="ctrl_search_menu_by_member" />
										</div>
									</div>
									<div class="menu-footer">
									<span class="menu-footer-controls">
										<xf:button type="submit" class="button--primary" icon="search" />
										<xf:button type="submit" name="from_search_menu">{{ phrase('advanced_search...') }}</xf:button>
									</span>
									</div>
								</div>
							</div>
							<xf:csrf />
						</form>
					</div>
				</xf:set>
				{$xenSearch|raw}
			</xf:if>
			<div class="p-nav-opposite">
				<div class="p-navgroup p-account {{ $xf.visitor.user_id ? 'p-navgroup--member' : 'p-navgroup--guest' }}">
					<xf:if is="$xf.visitor.user_id">
						<xf:if is="$xf.visitor.user_state == 'rejected' OR $xf.visitor.user_state == 'disabled'">
							<a href="{{ link('account') }}"
								class="p-navgroup-link p-navgroup-link--iconic p-navgroup-link--user">
								<xf:avatar user="$xf.visitor" size="xxs" href="" title="" />
								<span class="p-navgroup-linkText">{$xf.visitor.username}</span>
							</a>

							<a href="{{ link('logout', null, {'t': csrf_token()}) }}" class="p-navgroup-link">
								<span class="p-navgroup-linkText">{{ phrase('log_out') }}</span>
							</a>
						<xf:else />
							<a href="{{ link('account') }}"
								class="p-navgroup-link p-navgroup-link--iconic p-navgroup-link--user {{ ($xf.visitor.conversations_unread OR $xf.visitor.alerts_unread) ? 'badgeContainer badgeContainer--highlighted' : '' }}"
								data-badge="{{ ($xf.visitor.conversations_unread + $xf.visitor.alerts_unread)|number }}"
								data-xf-click="menu"
								data-xf-key="{{ phrase('shortcut.visitor_menu')|for_attr }}"
								data-menu-pos-ref="< .p-navgroup"
								title="{$xf.visitor.username}"
								aria-expanded="false"
								aria-haspopup="true">
								<xf:avatar user="$xf.visitor" size="xxs" href="" title="" />
								<span class="p-navgroup-linkText">{$xf.visitor.username}</span>
							</a>
							<div class="menu menu--structural menu--wide menu--account" data-menu="menu" aria-hidden="true"
								data-href="{{ link('account/visitor-menu') }}"
								data-load-target=".js-visitorMenuBody">
								<div class="menu-content js-visitorMenuBody">
									<div class="menu-row">
										{{ phrase('loading...') }}
									</div>
								</div>
							</div>

							<a href="{{ link('direct-messages') }}"
								class="p-navgroup-link p-navgroup-link--iconic p-navgroup-link--conversations js-badge--conversations badgeContainer{{ $xf.visitor.conversations_unread ? ' badgeContainer--highlighted' : '' }}"
								data-badge="{$xf.visitor.conversations_unread|number}"
								data-xf-click="menu"
								data-xf-key="{{ phrase('shortcut.conversations_menu')|for_attr }}"
								data-menu-pos-ref="< .p-navgroup"
								title="{{ phrase('direct_messages')|for_attr }}"
								aria-label="{{ phrase('direct_messages')|for_attr }}"
								aria-expanded="false"
								aria-haspopup="true">
								<i aria-hidden="true"></i>
								<span class="p-navgroup-linkText">{{ phrase('nav_inbox') }}</span>
							</a>
							<div class="menu menu--structural menu--medium" data-menu="menu" aria-hidden="true"
								data-href="{{ link('direct-messages/popup') }}"
								data-nocache="true"
								data-load-target=".js-convMenuBody">
								<div class="menu-content">
									<h3 class="menu-header">{{ phrase('direct_messages') }}</h3>
									<div class="js-convMenuBody">
										<div class="menu-row">{{ phrase('loading...') }}</div>
									</div>
									<div class="menu-footer menu-footer--split">
										<div class="menu-footer-main">
											<ul class="listInline listInline--bullet">
												<li><a href="{{ link('direct-messages') }}">{{ phrase('show_all') }}</a></li>
												<xf:if is="$xf.visitor.canStartConversation()">
													<li><a href="{{ link('direct-messages/add') }}">{{ phrase('send_direct_message') }}</a></li>
												</xf:if>
											</ul>
										</div>
									</div>
								</div>
							</div>

							<a href="{{ link('account/alerts') }}"
								class="p-navgroup-link p-navgroup-link--iconic p-navgroup-link--alerts js-badge--alerts badgeContainer{{ $xf.visitor.alerts_unviewed ? ' badgeContainer--highlighted' : '' }}"
								data-badge="{$xf.visitor.alerts_unviewed|number}"
								data-xf-click="menu"
								data-xf-key="{{ phrase('shortcut.alerts_menu')|for_attr }}"
								data-menu-pos-ref="< .p-navgroup"
								title="{{ phrase('alerts')|for_attr }}"
								aria-label="{{ phrase('alerts')|for_attr }}"
								aria-expanded="false"
								aria-haspopup="true">
								<i aria-hidden="true"></i>
								<span class="p-navgroup-linkText">{{ phrase('nav_alerts') }}</span>
							</a>
							<div class="menu menu--structural menu--medium" data-menu="menu" aria-hidden="true"
								data-href="{{ link('account/alerts-popup') }}"
								data-nocache="true"
								data-load-target=".js-alertsMenuBody">
								<div class="menu-content">
									<h3 class="menu-header">{{ phrase('alerts') }}</h3>
									<div class="js-alertsMenuBody">
										<div class="menu-row">{{ phrase('loading...') }}</div>
									</div>
									<div class="menu-footer menu-footer--split">
										<div class="menu-footer-main">
											<ul class="listInline listInline--bullet">
												<li><a href="{{ link('account/alerts') }}">{{ phrase('show_all') }}</a></li>
												<li><a href="{{ link('account/alerts/mark-read') }}" class="js-alertsMarkRead">{{ phrase('mark_read') }}</a></li>
												<li><a href="{{ link('account/preferences') }}">{{ phrase('preferences') }}</a></li>
											</ul>
										</div>
									</div>
								</div>
							</div>
						</xf:if>
					<xf:else />
						<xf:if is="property('dt_triggers_style') == 'option2'">
							<a href="{{ link('login') }}" class="p-navgroup-link p-navgroup-link--iconic p-navgroup-link--logIn" data-xf-click="menu">
								<i aria-hidden="true"></i>
								<span class="p-navgroup-linkText">{{ phrase('log_in') }}</span>
							</a>
						<xf:else />
							<a href="{{ link('login') }}" class="p-navgroup-link p-navgroup-link--iconic p-navgroup-link--logIn"
								data-xf-click="overlay" data-follow-redirects="on">
								<i aria-hidden="true"></i>
								<span class="p-navgroup-linkText">{{ phrase('log_in') }}</span>
							</a>
						</xf:if>
						<div class="menu menu--structural menu--medium" data-menu="menu" data-nav-id="userLogin" aria-hidden="true" data-href="{{ link('login')}}"></div>
						<xf:if is="$xf.options.registrationSetup.enabled">
							<a href="{{ link('register') }}" class="p-navgroup-link p-navgroup-link--iconic p-navgroup-link--register"
								data-xf-click="overlay" data-follow-redirects="on">
								<i aria-hidden="true"></i>
								<span class="p-navgroup-linkText">{{ phrase('register') }}</span>
							</a>
						</xf:if>
					</xf:if>
				</div>

				<div class="p-navgroup p-discovery{{ !$xf.visitor.canSearch() ? ' p-discovery--noSearch' : '' }}">
					<a href="{{ link('whats-new') }}"
						class="p-navgroup-link p-navgroup-link--iconic p-navgroup-link--whatsnew"
						aria-label="{{ phrase('whats_new')|for_attr }}"
						title="{{ phrase('whats_new')|for_attr }}">
						<i aria-hidden="true"></i>
						<span class="p-navgroup-linkText">{{ phrase('whats_new') }}</span>
					</a>

					<xf:if is="$xf.visitor.canSearch()">
						<a href="{{ link('search') }}"
							class="p-navgroup-link p-navgroup-link--iconic p-navgroup-link--search"
							data-xf-click="menu"
							data-xf-key="{{ phrase('shortcut.search_menu')|for_attr }}"
							aria-label="{{ phrase('search')|for_attr }}"
							aria-expanded="false"
							aria-haspopup="true"
							title="{{ phrase('search')|for_attr }}">
							<i aria-hidden="true"></i>
							<span class="p-navgroup-linkText">{{ phrase('search') }}</span>
						</a>
						<div class="menu menu--structural menu--wide" data-menu="menu" aria-hidden="true">
							<form action="{{ link('search/search') }}" method="post"
								class="menu-content"
								data-xf-init="quick-search">

								<h3 class="menu-header">{{ phrase('search') }}</h3>
								<!--[XF:search_menu:above_input]-->
								<div class="menu-row">
									<xf:if is="$searchConstraints">
										<div class="inputGroup inputGroup--joined">
											<xf:textbox name="keywords"
												data-xf-init="{{ $xf.searchAutoComplete ? 'search-auto-complete' : '' }}"
												data-acurl="{{ link('search/auto-complete') }}"
												placeholder="{{ phrase('search...') }}"
												aria-label="{{ phrase('search') }}"
												data-menu-autofocus="true" />
											<xf:select name="constraints"
												class="js-quickSearch-constraint"
												aria-label="{{ phrase('search_within') }}">

												<xf:option value="">{{ phrase('everywhere') }}</xf:option>
												<xf:foreach loop="$searchConstraints" key="$constraintName" value="$constraint">
													<xf:option value="{$constraint|json}">{$constraintName}</xf:option>
												</xf:foreach>
											</xf:select>
										</div>
									<xf:else />
										<xf:textbox name="keywords"
											data-xf-init="{{ $xf.searchAutoComplete ? 'search-auto-complete' : '' }}"
											data-acurl="{{ link('search/auto-complete') }}"
											placeholder="{{ phrase('search...') }}"
											aria-label="{{ phrase('search') }}"
											data-menu-autofocus="true" />
									</xf:if>
								</div>

								<!--[XF:search_menu:above_title_only]-->
								<div class="menu-row">
									<xf:checkbox standalone="true">
										<xf:option name="c[title_only]">
											<xf:label>
												{{ phrase('search_titles_only') }}

												<xf:if is="$xf.options.enableTagging">
												<span tabindex="0" role="button"
													data-xf-init="tooltip" data-trigger="hover focus click" title="{{ phrase('tags_will_also_be_searched')|for_attr }}">

													<xf:fa icon="far fa-question-circle" class="u-muted u-smaller"
														title="{{ phrase('note')|for_attr }}" />
												</span>
												</xf:if>
											</xf:label>
										</xf:option>
									</xf:checkbox>
								</div>
								<!--[XF:search_menu:above_member]-->
								<div class="menu-row">
									<div class="inputGroup">
										<span class="inputGroup-text" id="ctrl_search_menu_by_member">{{ phrase('by:') }}</span>
										<input type="text" class="input" name="c[users]" data-xf-init="auto-complete" placeholder="{{ phrase('member')|for_attr }}" aria-labelledby="ctrl_search_menu_by_member" />
									</div>
								</div>
								<div class="menu-footer">
								<span class="menu-footer-controls">
									<xf:button type="submit" class="button--primary" icon="search" />
									<xf:button type="submit" name="from_search_menu">{{ phrase('advanced_search...') }}</xf:button>
								</span>
								</div>

								<xf:csrf />
							</form>
						</div>
					</xf:if>
				</div>
			</div>
		</div>

		<div class="p-body-inner">
			<!--XF:EXTRA_OUTPUT-->

			<xf:if contentcheck="true">
				<div class="p-staffBar">
					<div class="p-staffBar-inner hScroller" data-xf-init="h-scroller">
						<div class="hScroller-scroll">
						<xf:contentcheck>
							<xf:if is="$xf.visitor.is_moderator && $xf.session.unapprovedCounts.total">
								<a href="{{ link('approval-queue') }}" class="p-staffBar-link badgeContainer badgeContainer--highlighted" data-badge="{$xf.session.unapprovedCounts.total|number}">
									{{ phrase('approval_queue') }}
								</a>
							</xf:if>

							<xf:if is="$xf.visitor.is_moderator && !$xf.options.reportIntoForumId && $xf.session.reportCounts.total">
								<a href="{{ link('reports') }}"
									class="p-staffBar-link badgeContainer badgeContainer--visible {{ ($xf.session.reportCounts.total && ($xf.session.reportCounts.lastBuilt > $xf.session.reportLastRead) OR $xf.session.reportCounts.assigned) ? ' badgeContainer--highlighted' : '' }}"
									data-badge="{{ $xf.session.reportCounts.assigned ? $xf.session.reportCounts.assigned|number . ' / ' . $xf.session.reportCounts.total|number : $xf.session.reportCounts.total|number }}"
									title="{{ $xf.session.reportCounts.lastBuilt ? phrase('last_report_update:')|for_attr . ' ' . date_time($xf.session.reportCounts.lastBuilt) : '' }}">
									{{ phrase('reports') }}
								</a>
							</xf:if>

							<xf:if contentcheck="true">
								<a class="p-staffBar-link menuTrigger" data-xf-click="menu" data-xf-key="alt+m" role="button" tabindex="0" aria-expanded="false" aria-haspopup="true">{{ phrase('moderator') }}</a>
								<div class="menu" data-menu="menu" aria-hidden="true">
									<div class="menu-content">
										<h4 class="menu-header">{{ phrase('moderator_tools') }}</h4>
										<xf:contentcheck>
										<!--[XF:mod_tools_menu:top]-->
										<xf:if is="$xf.visitor.is_moderator">
											<a href="{{ link('approval-queue') }}" class="menu-linkRow">{{ phrase('approval_queue') }}</a>
										</xf:if>
										<xf:if is="$xf.visitor.is_moderator && !$xf.options.reportIntoForumId">
											<a href="{{ link('reports') }}" class="menu-linkRow" title="{{ $xf.session.reportCounts.lastBuilt ? phrase('last_report_update:')|for_attr . ' ' . date_time($xf.session.reportCounts.lastBuilt) : '' }}">{{ phrase('reports') }}</a>
										</xf:if>
										<!--[XF:mod_tools_menu:bottom]-->
										</xf:contentcheck>
									</div>
								</div>
							</xf:if>

							<xf:if is="$xf.visitor.is_admin">
								<a href="{{ base_url('admin.php') }}" class="p-staffBar-link" target="_blank">{{ phrase('admin') }}</a>
							</xf:if>
						</xf:contentcheck>
						</div>
					</div>
				</div>
			</xf:if>

			<xf:if is="property('dt_welcome_section') != 'nobody'">
				<xf:if is="property('dt_welcome_section') == 'guests'">
					<xf:if is="!$xf.visitor.user_id">
						<div class="p-welcomeSection">
							{{ property('dt_welcome_section_content') }}
						</div>
					</xf:if>
				<xf:elseif is="property('dt_welcome_section') == 'registered'" />
					<xf:if is="$xf.visitor.user_id">
						<div class="p-welcomeSection">
							{{ property('dt_welcome_section_content') }}
						</div>
					</xf:if>
				<xf:else />
					<div class="p-welcomeSection">
						{{ property('dt_welcome_section_content') }}
					</div>
				</xf:if>
			</xf:if>

			<xf:if is="$notices.block">
				<xf:macro id="notice_macros::notice_list" arg-type="block" arg-notices="{$notices.block}" />
			</xf:if>

			<xf:if is="$notices.scrolling">
				<xf:macro id="notice_macros::notice_list" arg-type="scrolling" arg-notices="{$notices.scrolling}" />
			</xf:if>

			<xf:macro id="browser_warning_macros::javascript"/>
			<xf:macro id="browser_warning_macros::browser"/>

			<div class="p-body-header">

				<xf:ad position="container_breadcrumb_top_above" />
				<xf:ad position="container_breadcrumb_top_below" />

				<xf:if is="$headerHtml is not empty">
						{$headerHtml|raw}
				<xf:elseif contentcheck="true" />
						<xf:contentcheck>
							<xf:if contentcheck="true">
								<div class="p-title {{ $noH1 ? 'p-title--noH1' : '' }}">
								<xf:contentcheck>
									<xf:if is="!$noH1">
										<h1 class="p-title-value">{$h1}</h1>
									</xf:if>
									<xf:if contentcheck="true">
										<div class="p-title-pageAction"><xf:contentcheck><xf:pageaction /></xf:contentcheck></div>
									</xf:if>
								</xf:contentcheck>
								</div>
							</xf:if>

							<xf:if is="$description is not empty">
								<div class="p-description">{$description}</div>
							</xf:if>
						</xf:contentcheck>
				</xf:if>
				<div class="p-breadcrumbs--container{{ $sidebar ? ' p-breadcrumbs--container--side' : '' }}">
					<xf:macro id="breadcrumbs"
					arg-breadcrumbs="{$breadcrumbs}"
					arg-navTree="{$navTree}"
					arg-selectedNavEntry="{$selectedNavEntry}" />
					<xf:if is="$sidebar"><xf:if is="property('dt_collapsible_sidebar') && !property('dt_disable_sidebar') && $sidebar"><span id="collapse-side" class="collapseTrigger collapseTrigger--block {{ !is_toggled('_side-1') ? ' is-active' : '' }}" data-xf-click="toggle" data-xf-init="toggle-storage" data-storage-type="cookie" data-target=".p-body-main--withSidebar" data-storage-key="_side-1"></span></xf:if></xf:if>
					<xf:if contentcheck="true">
						<xf:contentcheck>
							<xf:if is="$xf.visitor.canChangeStyleVariation($xf.style)">
								<a href="{{ link('misc/style-variation') }}" rel="nofollow"
									class="js-styleVariationsLink"
									data-xf-init="tooltip" title="{{ phrase('style_variation') }}"
									data-xf-click="menu" data-z-index-ref=".u-bottomFixer" role="button" aria-expanded="false" aria-haspopup="true">
		
									<xf:fa icon="{{ $xf.style.getVariationIcon($xf.visitor.style_variation) }}" title="{{ phrase('style_variation') }}" />
								</a>
		
								<div class="menu" data-menu="menu" aria-hidden="true">
									<div class="menu-content js-styleVariationsMenu">
										<xf:macro name="style_variation_macros::variation_menu"
											arg-style="{$xf.style}"
											arg-live="{{ true }}" />
									</div>
								</div>
							</xf:if>
						</xf:contentcheck>
					</xf:if>
				</div>
			</div>

			<div class="p-body-main {{ $sidebar ? 'p-body-main--withSidebar' : '' }} {{ $sideNav ? 'p-body-main--withSideNav' : '' }} {{ !is_toggled('_side-1') ? 'is-active' : '' }}">
				<xf:if is="$sideNav">
					<div class="p-body-sideNav">
						<div class="p-body-sideNavTrigger">
							<xf:button class="button--link" data-xf-click="off-canvas" data-menu="#js-SideNavOcm">
								{{ $sideNavTitle ?: phrase('navigation') }}
							</xf:button>
						</div>
						<div class="p-body-sideNavInner" data-ocm-class="offCanvasMenu offCanvasMenu--blocks" id="js-SideNavOcm" data-ocm-builder="sideNav">
							<div data-ocm-class="offCanvasMenu-backdrop" data-menu-close="true"></div>
							<div data-ocm-class="offCanvasMenu-content">
								<div class="p-body-sideNavContent">
									<xf:ad position="container_sidenav_above" />
									<xf:foreach loop="$sideNav" value="$sideNavHtml">
										{$sideNavHtml}
									</xf:foreach>
									<xf:ad position="container_sidenav_below" />
								</div>
							</div>
						</div>
					</div>
				</xf:if>

				<div class="p-body-content">
					<xf:ad position="container_content_above" />
					<div class="p-body-pageContent">{$content|raw}</div>
					<xf:ad position="container_content_below" />
				</div>

				<xf:if is="$sidebar">
					<div class="p-body-sidebar-container">
						<div class="p-body-sidebar">
							<xf:ad position="container_sidebar_above" />
							<xf:if is="!$xf.visitor.user_id AND property('dt_sidebar_login')">
								<xf:include template="dt_sidebar_login" />	
							</xf:if>
							<xf:foreach loop="$sidebar" value="$sidebarHtml">
								{$sidebarHtml}
							</xf:foreach>
							<xf:ad position="container_sidebar_below" />
						</div>
					</div>
				</xf:if>
			</div>

			<xf:ad position="container_breadcrumb_bottom_above" />
			<xf:macro id="breadcrumbs"
				arg-breadcrumbs="{$breadcrumbs}"
				arg-navTree="{$navTree}"
				arg-selectedNavEntry="{$selectedNavEntry}"
				arg-variant="bottom" />
			<xf:ad position="container_breadcrumb_bottom_below" />

			<xf:if is="property('dt_extra_footer')"><xf:include template="extra_footer" /></xf:if>

			<footer class="p-footer" id="footer">
				<div class="p-footer-inner">

					<div class="p-footer-row">
						<xf:if contentcheck="true">
							<div class="p-footer-row-main">
								<ul class="p-footer-linkList">
								<xf:contentcheck>
									<xf:if is="$xf.cookieConsent.getMode() == 'advanced'">
										<li><a href="{{ link('misc/cookies') }}" rel="nofollow"
											data-xf-init="tooltip" title="{{ phrase('cookie_consent')|for_attr }}"
											data-xf-click="cookie-consent-toggle">
											<xf:fa icon="fa-cookie" /> {{ phrase('cookie_consent_label') }}
										</a></li>
									</xf:if>
									<xf:if contentcheck="true">
										<li>
											<xf:contentcheck>
												<xf:if is="$xf.visitor.canChangeStyle()">
													<a href="{{ link('misc/style') }}" data-xf-click="overlay"
														data-xf-init="tooltip" title="{{ phrase('style_chooser')|for_attr }}" rel="nofollow">
														<xf:fa icon="fa-paint-brush" /> {$xf.style.title}
													</a>
												</xf:if>
												<xf:if is="$xf.visitor.canChangeStyleVariation($xf.style)">
													<a href="{{ link('misc/style-variation') }}" rel="nofollow"
														class="js-styleVariationsLink"
														data-xf-init="tooltip" title="{{ phrase('style_variation') }}"
														data-xf-click="menu" data-z-index-ref=".u-bottomFixer" role="button" aria-expanded="false" aria-haspopup="true">

														<xf:fa icon="{{ $xf.style.getVariationIcon($xf.visitor.style_variation) }}" title="{{ phrase('style_variation') }}" />
													</a>

													<div class="menu" data-menu="menu" aria-hidden="true">
														<div class="menu-content js-styleVariationsMenu">
															<xf:macro name="style_variation_macros::variation_menu"
																arg-style="{$xf.style}"
																arg-live="{{ true }}" />
														</div>
													</div>
												</xf:if>
											</xf:contentcheck>
										</li>
									</xf:if>
									<xf:if is="$xf.visitor.canChangeLanguage()">
										<li><a href="{{ link('misc/language') }}" data-xf-click="overlay"
											data-xf-init="tooltip" title="{{ phrase('language_chooser')|for_attr }}" rel="nofollow">
											<xf:fa icon="fa-globe" /> {$xf.language.title}</a></li>
									</xf:if>
								</xf:contentcheck>
								</ul>
							</div>
						</xf:if>
						<div class="p-footer-row-opposite">
							<ul class="p-footer-linkList">
								<xf:if is="$xf.visitor.canUseContactForm()">
									<xf:if is="$xf.contactUrl">
										<li><a href="{$xf.contactUrl}" data-xf-click="{{ ($xf.options.contactUrl.overlay OR $xf.options.contactUrl.type == 'default') ? 'overlay' : '' }}">{{ phrase('contact_us') }}</a></li>
									</xf:if>
								</xf:if>

								<xf:if is="$xf.tosUrl">
									<li><a href="{$xf.tosUrl}">{{ phrase('terms_and_rules') }}</a></li>
								</xf:if>

								<xf:if is="$xf.privacyPolicyUrl">
									<li><a href="{$xf.privacyPolicyUrl}">{{ phrase('privacy_policy') }}</a></li>
								</xf:if>

								<xf:if is="$xf.helpPageCount">
									<li><a href="{{ link('help') }}">{{ phrase('help') }}</a></li>
								</xf:if>

								<xf:if is="$xf.homePageUrl">
									<li><a href="{$xf.homePageUrl}">{{ phrase('home') }}</a></li>
								</xf:if>

								<li><a href="{{ link('forums/index.rss', '-') }}" target="_blank" class="p-footer-rssLink" title="{{ phrase('rss')|for_attr }}"><span aria-hidden="true"><xf:fa icon="fa-rss" /><span class="u-srOnly">{{ phrase('rss') }}</span></span></a></li>
							</ul>
						</div>
					</div>

					<xf:if contentcheck="true">
						<div class="p-footer-debug">
						<xf:contentcheck>
							<xf:macro id="debug_macros::debug"
								arg-controller="{$controller}"
								arg-action="{$actionMethod}"
								arg-template="{$template}" />
						</xf:contentcheck>
						</div>
					</xf:if>
				</div>
			</footer>
		</div>
	</div>

</div> <!-- closing p-pageWrapper -->

<div class="u-bottomFixer js-bottomFixTarget">
	<xf:if is="$notices.floating">
		<xf:macro id="notice_macros::notice_list" arg-type="floating" arg-notices="{$notices.floating}" />
	</xf:if>
	<xf:if is="$notices.bottom_fixer">
		<xf:macro id="notice_macros::notice_list" arg-type="bottom_fixer" arg-notices="{$notices.bottom_fixer}" />
	</xf:if>
</div>

<div class="u-navButtons js-navButtons">
	<xf:button href="javascript:" class="button--scroll"><xf:fa icon="{{ $xf.isRtl ? 'fa-arrow-right' : 'fa-arrow-left' }}" /><span class="u-srOnly">{{ phrase('back') }}</span></xf:button>
</div>

<xf:if is="property('scrollJumpButtons')">
	<div class="u-scrollButtons js-scrollButtons" data-trigger-type="{{ property('scrollJumpButtons') }}">
		<xf:button href="#top" class="button--scroll" data-xf-click="scroll-to"><xf:fa icon="fa-chevron-up" /><span class="u-srOnly">{{ phrase('top') }}</span></xf:button>
		<xf:if is="property('scrollJumpButtons') != 'up'">
			<xf:button href="#footer" class="button--scroll" data-xf-click="scroll-to"><xf:fa icon="fa-chevron-down" /><span class="u-srOnly">{{ phrase('bottom') }}</span></xf:button>
		</xf:if>
	</div>
</xf:if>

<xf:macro id="helper_js_global::body" arg-app="public" />

<xf:if is="count($xf.reactionsActive) > 1 AND $xf.visitor.user_id">
	<script type="text/template" id="xfReactTooltipTemplate">
		<div class="tooltip-content-inner">
			<div class="reactTooltip">
				<xf:foreach loop="$xf.reactionsActive" key="$reactionId" value="$reaction">
					<xf:reaction id="{$reactionId}" tooltip="true" />
				</xf:foreach>
			</div>
		</div>
	</script>
</xf:if>

{$ldJsonHtml|raw}

</body>
</html>

<xf:macro id="nav_entry" arg-navId="!" arg-nav="!" arg-selected="{{ false }}" arg-shortcut="">
	<div class="p-navEl {{ $selected ? 'is-selected' : '' }}" {{ $nav.children ? 'data-has-children="true"' : '' }}>
	<xf:if is="$nav.href">

		<xf:macro id="nav_link"
			arg-navId="{$navId}"
			arg-nav="{$nav}"
			arg-class="p-navEl-link {{ $nav.children ? 'p-navEl-link--splitMenu' : '' }}"
			arg-shortcut="{{ $nav.children ? false : $shortcut }}" />

		<xf:if is="$nav.children"><a data-xf-key="{$shortcut}"
			data-xf-click="menu"
			data-menu-pos-ref="< .p-navEl"
			class="p-navEl-splitTrigger"
			role="button"
			tabindex="0"
			aria-label="{{ phrase('toggle_expanded')|for_attr }}"
			aria-expanded="false"
			aria-haspopup="true"></a></xf:if>

		<xf:elseif is="$nav.children" />

			<xf:if is="$selected">
				<xf:macro id="nav_link"
					arg-navId="{$navId}"
					arg-nav="{$nav}"
					arg-class="p-navEl-link" />
			<xf:else />
				<a data-xf-key="{$shortcut}"
					data-xf-click="menu"
					data-menu-pos-ref="< .p-navEl"
					class="p-navEl-linkHolder"
					role="button"
					tabindex="0"
					aria-expanded="false"
					aria-haspopup="true">
					<xf:macro id="nav_link"
						arg-navId="{$navId}"
						arg-nav="{$nav}"
						arg-class="p-navEl-link p-navEl-link--menuTrigger" />
				</a>
			</xf:if>

		<xf:else />

		<xf:macro id="nav_link"
			arg-navId="{$navId}"
			arg-nav="{$nav}"
			arg-class="p-navEl-link"
			arg-shortcut="{$shortcut}" />

	</xf:if>
	<xf:if is="$nav.children">
		<div class="menu menu--structural" data-menu="menu" aria-hidden="true">
			<div class="menu-content">
				<xf:foreach loop="$nav.children" key="$childNavId" value="$child">
					<xf:macro id="nav_menu_entry"
						arg-navId="{$childNavId}"
						arg-nav="{$child}" />
				</xf:foreach>
			</div>
		</div>
	</xf:if>
	</div>
</xf:macro>

<xf:macro id="nav_link" arg-navId="!" arg-nav="!" arg-class="" arg-titleHtml="" arg-shortcut="{{ false }}">
	<xf:set var="$tag" value="{{ $nav.href ? 'a' : 'span' }}" />
	<{$tag} {{ $nav.href ? 'href="' . $nav.href . '"' : '' }}
	class="{{ trim($class) }} {$nav.attributes.class}"
	{{ attributes($nav.attributes, ['class']) }}
	{{ $shortcut !== false ? 'data-xf-key="' . $shortcut . '"' : '' }}
	data-nav-id="{$navId}"><xf:if is="$nav.icon"><xf:fa icon="{$nav.icon}" /> </xf:if><span>{{ $titleHtml ? $titleHtml|raw : $nav.title }}</span><xf:if is="$nav.counter"> <span class="badge badge--highlighted">{$nav.counter|number}</span></xf:if></{$tag}>
</xf:macro>

<xf:macro id="nav_menu_entry" arg-navId="!" arg-nav="!" arg-depth="0">
	<xf:macro id="nav_link"
		arg-navId="{$navId}"
		arg-nav="{$nav}"
		arg-class="menu-linkRow u-indentDepth{$depth} js-offCanvasCopy" />
	<xf:if is="$nav.children">
		<xf:foreach loop="$nav.children" key="$childNavId" value="$child">
			<xf:macro id="nav_menu_entry"
				arg-navId="{$childNavId}"
				arg-nav="{$child}"
				arg-depth="{{ $depth + 1 }}" />
		</xf:foreach>
		<xf:if is="$depth == 0">
			<hr class="menu-separator" />
		</xf:if>
	</xf:if>
</xf:macro>

<xf:macro id="breadcrumbs" arg-breadcrumbs="!" arg-navTree="!" arg-selectedNavEntry="{{ null }}" arg-variant="">
	<xf:if contentcheck="true">
		<ul class="p-breadcrumbs {{ $variant ? 'p-breadcrumbs--' . $variant : '' }}"
			itemscope itemtype="https://schema.org/BreadcrumbList">
			<xf:contentcheck>
				<xf:set var="$position" value="{{ 0 }}" />

				<xf:set var="$rootBreadcrumb" value="{$navTree.{$xf.options.rootBreadcrumb}}" />
				<xf:set var="$rootBreadcrumbHref" value="{{ $rootBreadcrumb.href|substr(-1) == '/'
					? $rootBreadcrumb.href
					: $rootBreadcrumb.href . '/'
				}}" />

				<xf:if is="$rootBreadcrumb AND $rootBreadcrumbHref != $xf.uri AND $rootBreadcrumbHref != $xf.fullUri">
					<xf:set var="$position" value="{{ $position + 1 }}" />
					<xf:macro id="crumb"
						arg-position="{$position}"
						arg-href="{$rootBreadcrumb.href}"
						arg-value="{$rootBreadcrumb.title}" />
				</xf:if>

				<xf:if is="$selectedNavEntry AND $selectedNavEntry.href AND $selectedNavEntry.href != $xf.uri AND $selectedNavEntry.href != $xf.fullUri AND $selectedNavEntry.href != $rootBreadcrumbHref">
					<xf:set var="$position" value="{{ $position + 1 }}" />
					<xf:macro id="crumb"
						arg-position="{$position}"
						arg-href="{$selectedNavEntry.href}"
						arg-value="{$selectedNavEntry.title}" />
				</xf:if>
				<xf:foreach loop="$breadcrumbs" value="$breadcrumb" if="$breadcrumb.href != $xf.uri AND $breadcrumb.href != $xf.fullUri">
					<xf:set var="$position" value="{{ $position + 1 }}" />
					<xf:macro id="crumb"
						arg-position="{$position}"
						arg-href="{$breadcrumb.href}"
						arg-value="{$breadcrumb.value}" />
				</xf:foreach>
			</xf:contentcheck>
		</ul>
	</xf:if>
</xf:macro>

<xf:macro id="crumb" arg-href="!" arg-value="!" arg-position="{{ 0 }}">
	<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
		<a href="{$href}" itemprop="item">
			<xf:if is="{$href} == {$xf.homePageUrl} && property('dt_homeCrumb_icon')">
				<xf:fa icon="fa-home" />
				<xf:else />
				<span itemprop="name">{$value}</span>
			</xf:if>
		</a>
		<xf:if is="$position"><meta itemprop="position" content="{$position}" /></xf:if>
	</li>
</xf:macro>]]></template>
    <template title="account_visitor_menu" type="public" addon_id="XF" version_id="2030052" version_string="2.3.0 Release Candidate 2"><![CDATA[<xf:if contentcheck="true">
	<h4 class="menu-tabHeader tabs" data-xf-init="tabs" role="tablist">
		<span class="hScroller" data-xf-init="h-scroller">
			<span class="hScroller-scroll">
				<a href="{{ link('account') }}" class="tabs-tab is-active" role="tab" tabindex="0" aria-controls="{{ unique_id('accountMenu') }}">
					<xf:if is="property('dt_visitor_tabs_icons')">
						<xf:fa icon="fa-user" />
					<xf:else />
						{{ phrase('your_account') }}
					</xf:if>
				</a>
			<xf:contentcheck>
				<xf:if is="$xf.visitor.canViewBookmarks()">
					<a href="{{ link('account/bookmarks') }}" class="tabs-tab" role="tab" tabindex="0" aria-controls="{{ unique_id('accountMenuBookmarks') }}">
					<xf:if is="property('dt_visitor_tabs_icons')">
						<xf:fa icon="fa-bookmark" />
					<xf:else />
						{{ phrase('bookmarks') }}
					</xf:if>
					</a>
				</xf:if>
				<!--[XF:account_tabs:bottom]-->
			</xf:contentcheck>
			</span>
		</span>
	</h4>
	<xf:set var="$hasTabs" value="{{ true }}" />
</xf:if>

<xf:set var="$accountHtml">
	<div class="menu-row menu-row--alt">
		<xf:macro id="visitor_panel_row" />
	</div>

	<xf:macro id="visitor_panel_row">
		<div class="contentRow">
			<div class="contentRow-figure">
				<span class="avatarWrapper">
					<xf:avatar user="{$xf.visitor}" size="m" href="" notooltip="true" />
					<xf:if is="$xf.visitor.canUploadAvatar()">
						<a class="avatarWrapper-update" href="{{ link('account/avatar') }}" data-xf-click="overlay"><span>{{ phrase('edit') }}</span></a>
					</xf:if>
				</span>
			</div>
			<div class="contentRow-main">
				<h3 class="contentRow-header"><xf:username user="$xf.visitor" rich="true" notooltip="true" /></h3>
				<div class="contentRow-lesser">
					<xf:usertitle user="$xf.visitor" />
				</div>

				<div class="contentRow-minor">
					<!--[XF:stats_pairs:above_messages]-->
					<dl class="pairs pairs--justified fauxBlockLink">
						<dt>{{ phrase('messages') }}</dt>
						<dd>
							<a href="{{ link('search/member', null, {'user_id': $xf.visitor.user_id}) }}" class="fauxBlockLink-linkRow u-concealed">
								{$xf.visitor.message_count|number}
							</a>
						</dd>
					</dl>
					<!--[XF:stats_pairs:above_reactions]-->
					<dl class="pairs pairs--justified fauxBlockLink">
						<dt>{{ phrase('reaction_score') }}</dt>
						<dd>
							<a href="{{ link('account/reactions') }}" class="fauxBlockLink-linkRow u-concealed">
								{$xf.visitor.reaction_score|number}
							</a>
						</dd>
					</dl>
					<!--[XF:stats_pairs:above_points]-->
					<xf:if is="$xf.options.enableTrophies">
						<dl class="pairs pairs--justified fauxBlockLink">
							<dt>{{ phrase('trophy_points') }}</dt>
							<dd>
								<a href="{{ link('members/trophies', $xf.visitor) }}" data-xf-click="overlay" class="fauxBlockLink-linkRow u-concealed">
									{$xf.visitor.trophy_points|number}
								</a>
							</dd>
						</dl>
					</xf:if>
				</div>
			</div>
		</div>
	</xf:macro>

	<!--[XF:menu_separator:below_visitor_panel]-->
	<hr class="menu-separator menu-separator--hard" />

	<ul class="listPlain listColumns listColumns--narrow listColumns--together">
		<!--[XF:content_links:top]-->
		<xf:if is="$xf.options.enableNewsFeed">
			<li><a href="{{ link('whats-new/news-feed') }}" class="menu-linkRow">{{ phrase('news_feed') }}</a></li>
		</xf:if>
		<xf:if is="$xf.visitor.canSearch()">
			<li><a href="{{ link('search/member', null, {'user_id': $xf.visitor.user_id}) }}" class="menu-linkRow">{{ phrase('your_content') }}</a></li>
		</xf:if>
		<li><a href="{{ link('account/reactions') }}" class="menu-linkRow">{{ phrase('reactions_received') }}</a></li>
		<xf:if is="property('dt_condense_visito_tabs')">
			<li><a href="{{ link('conversations') }}" class="menu-linkRow js-badge--conversations badgeContainer{{ $xf.visitor.conversations_unread ? ' badgeContainer--highlighted' : '' }}" data-badge="{$xf.visitor.conversations_unread|number}">{{ phrase('conversations') }}</a></li>
			<li><a href="{{ link('account/alerts') }}" class="menu-linkRow js-badge--alerts badgeContainer{{ $xf.visitor.alerts_unread ? ' badgeContainer--highlighted' : '' }}" data-badge="{$xf.visitor.alerts_unread|number}">{{ phrase('alerts') }}</a></li>
		</xf:if>
		<!--[XF:content_links:bottom]-->
	</ul>

	<!--[XF:menu_separator:below_content_links]-->
	<hr class="menu-separator" />

	<ul class="listPlain listColumns listColumns--narrow listColumns--together">
		<!--[XF:account_links:top]-->
		<li><a href="{{ link('account/account-details') }}" class="menu-linkRow">{{ phrase('account_details') }}</a></li>
		<li><a href="{{ link('account/security') }}" class="menu-linkRow">{{ phrase('password_and_security') }}</a></li>
		<li><a href="{{ link('account/privacy') }}" class="menu-linkRow">{{ phrase('privacy') }}</a></li>
		<li><a href="{{ link('account/preferences') }}" class="menu-linkRow">{{ phrase('preferences') }}</a></li>
		<xf:if is="$xf.visitor.canEditSignature()">
			<li><a href="{{ link('account/signature') }}" class="menu-linkRow">{{ phrase('signature') }}</a></li>
		</xf:if>
		<xf:if is="$xf.app.userUpgradeCount">
			<li><a href="{{ link('account/upgrades') }}" class="menu-linkRow">{{ phrase('account_upgrades') }}</a></li>
		</xf:if>
		<xf:if is="$xf.app.connectedAccountCount">
			<li><a href="{{ link('account/connected-accounts') }}" class="menu-linkRow">{{ phrase('connected_accounts') }}</a></li>
		</xf:if>
		<li><a href="{{ link('account/following') }}" class="menu-linkRow">{{ phrase('following') }}</a></li>
		<li><a href="{{ link('account/ignored') }}" class="menu-linkRow">{{ phrase('ignoring') }}</a></li>
		<!--[XF:account_links:bottom]-->
	</ul>

	<!--[XF:menu_separator:below_account_links]-->
	<hr class="menu-separator" />

	<a href="{{ link('logout', null, {'t': csrf_token()}) }}" class="menu-linkRow">{{ phrase('log_out') }}</a>

	<xf:if is="$xf.visitor.canPostOnProfile()">
		<xf:form action="{{ link('members/post', $xf.visitor) }}" ajax="true"
			data-redirect="off"
			data-reset-complete="true"
			data-no-auto-focus="true"
			class="menu-footer">

			<span class="u-srOnly" id="ctrl_message">{{ phrase('update_your_status:') }}</span>
			<xf:textarea name="message" rows="1" autosize="true"
				maxlength="{$xf.options.profilePostMaxLength}"
				placeholder="{{ phrase('update_your_status...') }}"
				data-xf-init="focus-trigger user-mentioner emoji-completer" data-display="< :next" aria-labelledby="ctrl_message" />
			<div class="u-hidden u-hidden--transition u-inputSpacer">
				<xf:button type="submit" class="button--primary" icon="reply">{{ phrase('post_verb') }}</xf:button>
			</div>
		</xf:form>
	</xf:if>
</xf:set>

<xf:if is="$hasTabs">
	<ul class="tabPanes">
		<li class="is-active" role="tabpanel" id="{{ unique_id('accountMenu') }}">
			{$accountHtml|raw}
		</li>
		<xf:if is="$xf.visitor.canViewBookmarks()">
			<li role="tabpanel" id="{{ unique_id('accountMenuBookmarks') }}"
				data-href="{{ link('account/bookmarks-popup') }}"
				data-load-target=".js-bookmarksMenuBody">
				<div class="js-bookmarksMenuBody">
					<div class="menu-row">{{ phrase('loading...') }}</div>
				</div>
				<div class="menu-footer menu-footer--close">
					<a href="{{ link('account/bookmarks') }}" class="js-bookmarkShowAllLink">{{ phrase('show_all...') }}</a>
				</div>
			</li>
		</xf:if>
		<!--[XF:account_tab_panes:bottom]-->
	</ul>
<xf:else />
	{$accountHtml|raw}
</xf:if>]]></template>
    <template title="app_body.less" type="public" addon_id="XF" version_id="2030670" version_string="2.3.6"><![CDATA[// ######################################### MAIN BODY #################################

html.has-os-ios.has-displaymodestandalone
{
	// prevent overscroll entirely on iOS in display-mode: standalone
	overscroll-behavior-y: none !important;

	.iosRefresh-ptr
	{
		background-color: @xf-publicHeader--background-color;
	}

	.iosRefresh-text,
	.iosRefresh-icon .fa--xf
	{
		color: @xf-chromeTextColor;
	}
}

.p-body
{
	display: flex;
	align-items: stretch;
	flex-direction: column;
	flex-grow: 1;
	min-height: 1px; // IE11 workaround - related to #139187
}

.p-body-inner
{
	display: flex;
	flex-direction: column;
	width: 100%;
}

.p-body-inner
{
	.m-pageWidth();
	.m-pageInset();
	.m-clearFix();

	padding-top: (@xf-elementSpacer / 2);
	padding-bottom: @xf-elementSpacer;
}

.p-body-header
{
	background: fade(@xf-contentBg, 15%);
	padding: @xf-paddingLarge;
	border: @xf-borderSize solid @xf-borderColor;
	border-radius: @xf-blockBorderRadius;
	margin-bottom: @xf-elementSpacer;
	
	.js-styleVariationsLink
	{
		border: 1px solid @xf-borderColor;
    	padding: @xf-paddingLarge 12px;
    	border-radius: @xf-blockBorderRadius;
    	margin-left: 6px;
	}
}

.p-body-main
{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	max-width: 100%;
	min-height: 1px; // IE11 workaround - related to #139187
	margin-bottom: auto;
}

.p-body-content
{
	display: block;
	width: 100%;

	.p-body-main--withSideNav &
	{
		@media (min-width: @xf-responsiveWide)
		{
			flex-grow: 1;
			display: inline-block;
			width: calc(~'100% - @{xf-sidebarWidth} - @{xf-sidebarSpacer}');
			max-width: calc(~'100% - @{xf-sidebarWidth} - @{xf-sidebarSpacer}');
		}
	}

	.p-body-main--withSidebar &
	{
		flex-grow: 1;
		display: inline-block;
		width: calc(~'100% - @{xf-sidebarWidth} - @{xf-sidebarSpacer}');
		max-width: calc(~'100% - @{xf-sidebarWidth} - @{xf-sidebarSpacer}');
	}
	
	.p-body-main--withSidebar.p-body-main--withSideNav &
	{
		flex-grow: 1;
		display: inline-block;
		width: calc(~'100% - @{xf-sidebarWidth} - @{xf-sidebarWidth} - @{xf-sidebarSpacer}');
		max-width: calc(~'100% - @{xf-sidebarWidth} - @{xf-sidebarWidth} - @{xf-sidebarSpacer}');
	}

	.p-body-main--withSidebar &,
	.p-body-main--withSideNav &
	{
		// don't let the ad overflow the sidebar area -- this can happen due to how the Adsense JS works
		ins.adsbygoogle
		{
			// -10px gives a little buffer or helps account for no scrollbar being considered
			max-width: calc(~'100vw - 10px - @{xf-pageEdgeSpacer} - @{xf-pageEdgeSpacer} - @{xf-sidebarWidth} - @{xf-sidebarSpacer}');

			@media (min-width: @xf-pageWidthMax)
			{
				// window wider than the max width, so limit to the display area without the sidebar
				max-width: calc(~'@{xf-pageWidthMax} - @{xf-pageEdgeSpacer} - @{xf-pageEdgeSpacer} - @{xf-sidebarWidth} - @{xf-sidebarSpacer}');
			}

			@media (max-width: @xf-responsiveWide)
			{
				// sidebar/sidenav have been moved/hidden
				max-width: 100vw;
			}
		}
	}
}

.p-body-pageContent
{
	> .tabs--standalone:first-child
	{
		margin-bottom: @xf-elementSpacer / 2;
	}
}

.p-body-sideNav
{
	display: inline-block;
	width: @xf-sidebarWidth;
}

.p-body-sideNavTrigger
{
	display: none;
}

.p-body-sidebar-container
{
	display: inline-block;
	width: @xf-sidebarWidth;
	height: 100%;
}

.p-body-sidebar
{
	.contentRow-figure .avatar--m
	{
		// make these avatars a bit smaller in the sidebar so the content has more space
		.m-avatarSize((@avatar-m * 2 / 3));
	}
}

.p-body-sideNavCol,
.p-body-contentCol,
.p-body-sidebarCol
{
	display: table-column;
}

.p-body-sideNavCol,
.p-body-sidebarCol
{
	width: auto;
}

.p-body-content,
.p-body-pageContent,
.p-body-sideNav,
.p-body-sideNavContent,
.p-body-sidebar
{
	> :first-child
	{
		margin-top: 0;
	}

	> :last-child
	{
		margin-bottom: 0;
	}
}

@media (max-width: 1200px)
{
	.p-body-sideNavCol,
	.p-body-contentCol,
	.p-body-sidebarCol
	{
		display: none;
		width: auto;
	}

	.p-body-main,
	.p-body-content
	{
		display: block;
		overflow: hidden;
	}

	.p-body-sideNav
	{
		display: block;
		width: auto;
	}

	.p-body-sideNavTrigger
	{
		margin-bottom: (@xf-elementSpacer / 2);
		text-align: center;

		.button:before
		{
			.m-faBase();
			font-size: 120%;
			vertical-align: middle;
			display: inline-block;
			margin: -4px 6px -4px 0;
			.m-faContent(@fa-var-bars); //, .88em
		}

		.has-js &
		{
			display: block;
		}
	}

	.has-js .p-body-sideNavInner:not(.offCanvasMenu)
	{
		display: none;

		.m-transitionFadeDown();
	}

	.has-no-js .p-body-sideNavInner
	{
		margin-bottom: @xf-elementSpacer;
	}
	
	.p-body-sidebar-container
	{
		width: auto;
	}

	.p-body-sidebar
	{
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;
		margin: (@xf-elementSpacer) (-((@xf-pageEdgeSpacer) / 2)) (-(@xf-elementSpacer));
		width: auto;

		> *
		{
			margin: 0 (@xf-pageEdgeSpacer / 2) @xf-elementSpacer;
			min-width: @xf-sidebarWidth;
			flex: 1 1 @xf-sidebarWidth;

			&:last-child
			{
				margin-bottom: @xf-elementSpacer;
			}
		}

		// add an invisible block to ensure that the last row has the correct widths
		&:after
		{
			display: block;
			content: '';
			height: 0;
			margin: 0 (@xf-pageEdgeSpacer / 2);
			min-width: @xf-sidebarWidth;
			flex: 1 1 @xf-sidebarWidth;
		}

		.block-container
		{
			display: flex;
			flex-direction: column;
			height: 100%;

			.block-footer
			{
				margin-top: auto;
			}
		}
	}

	.p-body-main--withSideNav,
	.p-body-main--withSidebar,
	.p-body-main--withSidebar.p-body-main--withSideNav
	{
		.p-body-content {
			width: 100%;
			max-width: 100%;
			padding: 0; 
		}
	}
}

@media (max-width: @xf-responsiveEdgeSpacerRemoval)
{
	.p-body-sideNavContent
	{
		// this is likely to contain blocks that overflow the container so account for that
		margin: 0 (@xf-pageEdgeSpacer * -1);
		padding: 0 @xf-pageEdgeSpacer;

		.offCanvasMenu &
		{
			margin: 0;
			padding: 0;
		}
	}
	
	.p-body-sidebar-container
	{
		display: block;
		width: 100%;
	}

	.p-body-sidebar
	{
		display: block;
		width: 100%;
		margin-left: 0;
		margin-right: 0;

		> *
		{
			margin-left: 0;
			margin-right: 0;
			min-width: 0;
		}
	}
}]]></template>
    <template title="app_footer.less" type="public" addon_id="XF" version_id="2030670" version_string="2.3.6"><![CDATA[.p-footer
{
	.xf-publicFooter();

	a
	{
		.xf-publicFooterLink();
	}
	
	.p-footer-row
	{
		display: flex;
    	align-items: center;
    	justify-content: center;
	}
}

.p-footer-inner
{
	.m-pageWidth();
	.m-pageInset();

	padding-top: @xf-paddingMedium;
	padding-bottom: @xf-paddingLarge;
}

.p-footer-row
{
	.m-clearFix();

	margin-bottom: (@xf-paddingLarge * -1);
}

.p-footer-row-main
{
	float: left;
	margin-bottom: @xf-paddingLarge;
}

.p-footer-row-opposite
{
	float: right;
	margin-bottom: @xf-paddingLarge;
}

.p-footer-linkList
{
	.m-listPlain();
	.m-clearFix();

	> li
	{
		float: left;
		margin-right: .5em;

		&:last-child
		{
			margin-right: 0;
		}

		a
		{
			padding: 2px 4px;
			border-radius: @xf-borderRadiusSmall;

			&:hover
			{
				text-decoration: none;
				background-color: fade(@xf-publicFooterLink--color, 10%);
			}
		}
	}
}

.p-footer-rssLink
{
	> span
	{
		position: relative;
		top: -1px;

		display: inline-block;
		width: 1.44em;
		height: 1.44em;
		line-height: 1.44em;
		text-align: center;
		font-size: .8em;
		background-color: #FFA500;
		border-radius: 2px;
	}

	.fa-rss
	{
		color: white;
	}
}

.p-footer-copyright
{
	margin-top: @xf-elementSpacer;
	text-align: center;
	font-size: @xf-fontSizeSmallest;
}

.p-footer-debug
{
	margin-top: @xf-paddingLarge;
	text-align: right;
	font-size: @xf-fontSizeSmallest;

	.pairs > dt { color: inherit; }
}

@media (max-width: @xf-responsiveMedium)
{
	.p-footer-row-main,
	.p-footer-row-opposite
	{
		float: none;
	}

	.p-footer-copyright
	{
		text-align: left;
		padding: 0 4px; // aligns with other links
	}
}]]></template>
    <template title="app_header.less" type="public" addon_id="XF" version_id="2030670" version_string="2.3.6"><![CDATA[// MAIN HEADER ROW

.p-header
{
}

.p-header-inner
{
	.m-pageWidth();
	.m-pageInset();
}

.p-header-content
{
	padding: @xf-paddingMedium 0;

	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	max-width: 100%;
}

.p-header-logo
{
	vertical-align: middle;
    margin-right: auto;

	a
	{
		color: inherit;
		text-decoration: none;
	}

	&.p-header-logo--text
	{
		font-size: @xf-fontSizeLargest;
	}

	&.p-header-logo--image
	{
		img
		{
			vertical-align: bottom;
			max-width: 100%;
			
			// Note: this is XF template syntax, not LESS
			{{ !property('publicLogoHeight') ? 'max-height: 200px;' : ''}}

			&[src$="/xenforo-logo.svg"]
			{
				height: 36px;
			}
		}
	}
}

@media (max-width: @xf-publicNavCollapseWidth)
{
	.has-js .p-header
	{
		display: none;
	}
}

@media (max-width: @xf-responsiveNarrow)
{
	.p-header-logo
	{
		max-width: 100px;

		&.p-header-logo--text
		{
			font-size: @xf-fontSizeLarge;
			font-weight: @xf-fontWeightNormal;
			.m-overflowEllipsis();
		}
	}
}]]></template>
    <template title="app_nav.less" type="public" addon_id="XF" version_id="2030670" version_string="2.3.6"><![CDATA[// navEl / Navigation Elements for header navigation

.p-navEl
{
	.m-clearFix();
}

.p-navEl-linkHolder
{
	float: left;
}

.p-navEl-link
{
	float: left;
	.m-transition(opacity, background; @_nav-elTransitionSpeed);

	&.p-navEl-link--menuTrigger
	{
		cursor: pointer;

		&:after
		{
			.m-menuGadget(); // .58em
			opacity: .5;
			.m-transition(opacity; @_nav-elTransitionSpeed);
		}

		&:hover:after
		{
			opacity: 1;
		}
	}
}

.p-navEl-splitTrigger
{
	float: left;
	opacity: .5;
	cursor: pointer;
	text-decoration: none;
	.m-transition(all; @_nav-elTransitionSpeed);

	&:after
	{
		.m-menuGadget(); // .58em
		line-height: 1;
	}

	&:hover
	{
		opacity: 1;
		text-decoration: none;
	}
}

// HEADER NAV ROW

.p-nav
{
	.xf-publicNav();

	a
	{
		color: inherit;
	}
}

.p-nav-inner
{
	.m-pageWidth();
	.m-pageInset(0px);
	.m-clearFix();
	display: flex;
	align-items: center;
}

.p-navTop .p-nav-menuTrigger
{
	display: none;
	vertical-align: middle;
	align-self: center;
	margin-left: max(0px, (@xf-pageEdgeSpacer - 6px));
	margin-right: 5px;
	padding: @xf-publicNavPaddingV 8px;
	color: inherit;

	&:hover
	{
		text-decoration: none;
	}

	i:after
	{
		.m-faBase();
		font-size: @xf-fontSizeLargest;
		.m-faContent(@fa-var-bars); //, .88em
		vertical-align: bottom;
	}

	.p-nav-menuText
	{
		display: none;
	}
}

.p-nav-smallLogo
{
	display: none;
	max-width: 140px;
	align-self: center;

	img
	{
		display: block;
		max-height: @header-navHeight;

		&:not([src$=".svg"])
		{
			width: auto;
		}
	}
}

.p-nav-scroller
{
	margin-right: auto;
	max-width: 100%;

	.hScroller-scroll:not(.is-calculated)
	{
		// IE11 seems to want to flash a vertical scrollbar without this here
		overflow: hidden;
	}

	.hScroller-action
	{
		.m-hScrollerActionColorVariation(
			xf-default(@xf-publicNav--background-color, transparent),
			xf-default(@xf-publicNav--color, ~""),
			xf-intensify(@xf-publicNav--color, 10%)
		);
	}
}

.p-nav-list
{
	.m-listPlain();
	.m-clearFix();

	font-size: 0;

	// this applies padding that will be contained within the scroller.
	// it needs font-size 0 to not create extra space though
	&:before,
	&:after
	{
		display: inline-block;
		width: @xf-pageEdgeSpacer;
		content: '';
	}

	> li
	{
		display: block;
		font-size: @xf-fontSizeNormal;
		margin: 6px 0;

		&:first-child
		{
			margin-left: 0;
		}
	}

	.m-navElHPadding(@xf-publicNavPaddingH);

	.p-navEl
	{
		.xf-publicNavTab();
		.m-transition(all; @_nav-elTransitionSpeed);
		display: flex;

		&.is-selected
		{
			.xf-publicNavSelected();

			.p-navEl-link
			{
				padding-right: @xf-publicNavPaddingH; // since the split trigger is hidden

				&:hover
				{
					background: none;
					text-decoration: none;
				}
			}

			.p-navEl-splitTrigger
			{
				display: none;
			}
		}

		&:not(.is-selected):not(.is-menuOpen)
		{
			&:hover,
			.p-navEl-link:hover,
			.p-navEl-splitTrigger:hover
			{
				.xf-publicNavTabHover();
			}
		}

		&.is-menuOpen
		{
			.xf-publicNavTabMenuOpen();

			a
			{
				text-decoration: none;
				opacity: 1;
			}
		}
	}

	.p-navEl-link,
	.p-navEl-splitTrigger
	{
		padding-top: @xf-publicNavPaddingV;
		padding-bottom: @xf-publicNavPaddingV;
	}
	
	.p-navEl-link
	{
		flex-grow: 1;
	}
}

.p-navSticky--primary.is-sticky
{
	.p-nav-list
	{
		.p-navEl-link.p-navEl-link--splitMenu
		{
			padding-right: (@xf-publicNavPaddingH / 4);
		}

		.p-navEl.is-selected .p-navEl-splitTrigger
		{
			display: inline;
		}
	}
}

@media (max-width: @xf-publicNavCollapseWidth)
{
	.has-js
	{
		.p-nav
		{
			display: flex;
			align-items: center;
			min-height: 45px;
		}

		.p-navTop .p-nav-menuTrigger
		{
			display: inline-block;
		}

		.p-nav-smallLogo
		{
			display: inline-block;
			vertical-align: middle;
		}

		.p-nav-list
		{
			display: none;
		}
	}
}

// ACCOUNT/VISITOR/SEARCH SECTION

.p-nav-opposite
{
	text-align: right;
	flex-shrink: 0;
}

.p-navgroup
{
	float: left;
	.m-clearFix();
	background: @xf-publicHeaderAdjustColor;
	border-radius: @xf-blockBorderRadius;
	
	&.p-discovery
	{
		margin-left: 6px;

		&.p-discovery--noSearch
		{
			margin-left: 0;
		}
	}
}

.p-navgroup-link
{
	float: left;
	padding: @xf-paddingLarge @xf-paddingLarge;
	border-left: 1px solid @xf-publicHeaderAdjustColor;

	&:first-of-type
	{
		border-top-left-radius: @xf-blockBorderRadius;
		border-bottom-left-radius: @xf-blockBorderRadius;
		border-left: none;
	}

	&:last-of-type
	{
		border-top-right-radius: @xf-blockBorderRadius;
		border-bottom-right-radius: @xf-blockBorderRadius;
	}

	&:hover
	{
		text-decoration: none;
		background: xf-diminish(@xf-publicHeaderAdjustColor, 5%);
	}

	&.p-navgroup-link--user
	{
		.m-overflowEllipsis();
		max-width: 150px;

		.avatar
		{
			.m-avatarSize(21px);
		}
	}

	&.badgeContainer
	{
		opacity: .6;
		position: relative;

		&:after
		{
			position: absolute;
			left: (@_navAccount-hPadding - 6px);
			top: (@xf-publicNavPaddingV - 6px);
			margin: 0;
			font-size: 10px;
		}

		&:hover,
		&.badgeContainer--highlighted
		{
			opacity: 1;
		}
	}

	&.is-menuOpen
	{
		.xf-publicNavTabMenuOpen();
		opacity: 1;
	}

	&.p-navgroup-link--iconic
	{
		i:after
		{
			.m-faBase();
			display: inline-block;
			min-width: 1.2em;
			text-align: center;
		}
	}

	&.p-navgroup-link--conversations i:after
	{
		.m-faContent(@fa-var-envelope, 1em);
		mask-size: 1.2em 1em;
		-webkit-mask-size: 1.2em 1em;
	}

	&.p-navgroup-link--alerts i:after
	{
		.m-faContent(@fa-var-bell); //, .88em
	}
	
	&.p-navgroup-link--logIn i:after
	{
		.m-faContent(@fa-var-sign-in);  //, .88em
	}
	
	&.p-navgroup-link--register i:after
	{
		.m-faContent(@fa-var-user-plus);  //, .88em
	}

	&.p-navgroup-link--bookmarks i:after
	{
		.m-faContent(@fa-var-bookmark); //, .75em
	}

	&.p-navgroup-link--whatsnew i:after
	{
		.m-faContent(@fa-var-bolt); //, .63em
	}

	&.p-navgroup-link--search i:after
	{
		.m-faContent(@fa-var-search); //, 1em
	}
}

.p-navgroup-link--whatsnew
{
	display: none;

	.p-navgroup-link:first-of-type& + .p-navgroup-link
	{
		border-radius: @xf-blockBorderRadius;
		border-left: none;
	}
}

@media (max-width: @xf-responsiveWide)
{
	.p-navgroup-link
	{
		&.p-navgroup-link--iconic .p-navgroup-linkText,
		&.p-navgroup-link--textual i
		{
			display: none;
		}

		&.p-navgroup-link--textual
		{
			.m-overflowEllipsis();
			max-width: 110px;
		}

		&.p-navgroup-link--iconic i:after
		{
			text-align: center;
		}
	}
}

@media (max-width: @xf-publicNavCollapseWidth)
{
	.p-navgroup-link--whatsnew
	{
		display: block;
	}

	.has-js
	{
		.p-nav-opposite
		{
			align-self: center;
			margin-right: max(0px, (@xf-pageEdgeSpacer - 6px));

			.p-navgroup
			{
				background: none;
				margin-left: 0;
			}

			.p-navgroup-link
			{
				border: none;
				border-radius: @xf-borderRadiusMedium;

				&.is-menuOpen
				{
					.m-borderBottomRadius(0);
				}

				&.badgeContainer
				{
					opacity: 1;
				}
			}
		}
	}
}

@media (max-width: 359px)
{
	.p-navgroup-link&.p-navgroup-link--user
	{
		display: none;
	}
}

@media (max-width: 374px)
{
	.p-navgroup-link.p-navgroup-link--register
	{
		display: none;
	}
}]]></template>
    <template title="app_sectionlinks.less" type="public" addon_id="XF" version_id="2030052" version_string="2.3.0 Release Candidate 2"><![CDATA[// SUB SECTION LINKS

.p-sectionLinks
{
	.xf-publicSubNav();

	.hScroller-action
	{
		.m-hScrollerActionColorVariation(
			xf-default(@xf-publicSubNav--background-color, transparent),
			xf-default(@xf-publicSubNav--color, ~""),
			xf-default(@xf-publicSubNavElHover--color, ~"")
		);
	}

	&.p-sectionLinks--empty
	{
		height: 10px;
	}
}

.p-sectionLinks-inner
{
	.m-clearFix();
	.m-pageWidth();

	@defaultPadding:  max(0px, (@xf-pageEdgeSpacer - @xf-publicSubNavPaddingH));
	.m-pageInset(@defaultPadding);
}

.p-sectionLinks-list
{
	.m-listPlain();

	font-size: 0;

	a
	{
		color: inherit;
	}

	> li
	{
		display: block;
	}

	.m-navElHPadding(@xf-publicSubNavPaddingH);

	.p-navEl
	{
		display: flex;
		font-size: @xf-publicSubNav--font-size;

		&:hover
		{
			.xf-publicSubNavElHover();

			a
			{
				text-decoration: @xf-publicSubNavElHover--text-decoration;
			}
		}

		&.is-menuOpen
		{
			.xf-publicSubNavElMenuOpen();
			.m-borderBottomRadius(0);
			.m-dropShadow(0, 5px, 10px, 0, .35);
		}
	}

	.p-navEl-link,
	.p-navEl-splitTrigger
	{
		padding-top: @xf-publicSubNavPaddingV;
		padding-bottom: @xf-publicSubNavPaddingV;
	}
	
	.p-navEl-link
	{
		flex-grow: 1;
	}
}

@media (max-width: @xf-publicNavCollapseWidth)
{
	.has-js .p-sectionLinks
	{
		display: none;
	}
}]]></template>
    <template title="app_user_banners.less" type="public" addon_id="XF" version_id="2030670" version_string="2.3.6"><![CDATA[.m-userBannerVariation(@color; @bg; @border: false)
{
	color: @color;
	background: @bg;
	border-color: xf-intensify(@bg, 10%);

	& when (iscolor(@border))
	{
		border-color: @border;
	}
}

.userBanner
{
	font-size: 75%;
	font-weight: @xf-fontWeightNormal;
	font-style: normal;
	padding: 1px @xf-paddingMedium;
	border: 1px solid transparent;
	border-radius: @xf-borderRadiusSmall;
	text-align: center;
	display: inline-block;

	strong
	{
		font-weight: inherit;
	}

	// variations
	&.userBanner--hidden
	{
		background: none;
		border: none;
		box-shadow: none;
	}

	&.userBanner--staff,
	&.userBanner--primary
	{
		.m-userBannerVariation(@xf-textColorEmphasized, @xf-paletteColor1, @xf-borderColor);
	}

	&.userBanner--accent
	{
		.m-userBannerVariation(@xf-textColorEmphasized, @xf-paletteAccent1, @xf-borderColor);
	}
	
	&.userBanner--owner
	{
		.m-userBannerVariation(@xf-textColorEmphasized, @xf-paletteAccent2, @xf-borderColor);
	}

	&.userBanner--red { .m-userBannerVariation(white, #d80000); }
	&.userBanner--green { .m-userBannerVariation(white, green); }
	&.userBanner--olive { .m-userBannerVariation(white, olive); }
	&.userBanner--lightGreen { .m-userBannerVariation(black, #ccf9c8, #bee8ba); }
	&.userBanner--blue { .m-userBannerVariation(white, #0008e3); }
	&.userBanner--royalBlue { .m-userBannerVariation(white, royalblue); }
	&.userBanner--skyBlue { .m-userBannerVariation(white, #7cc3e0); }
	&.userBanner--gray { .m-userBannerVariation(white, gray); }
	&.userBanner--silver { .m-userBannerVariation(black, silver); }
	&.userBanner--yellow { .m-userBannerVariation(black, #ffff91, #e6e687); }
	&.userBanner--orange { .m-userBannerVariation(black, #ffcb00); }
}]]></template>
    <template title="core.less" type="public" addon_id="XF" version_id="2030670" version_string="2.3.6"><![CDATA[// ########################## GLOBAL BASE SETUP #######################

html
{
	font: @xf-fontSizeNormal / @xf-lineHeightDefault sans-serif;
	font-family: @xf-fontFamilyUi;
	font-weight: @xf-fontWeightNormal;
	color: @xf-textColor;
	margin: 0;
	padding: 0;
	word-wrap: break-word;
	background-color: @xf-pageBg;

	/* // just a reminder that we *might* want this at some point
	-ms-text-size-adjust: none;
	-webkit-text-size-adjust: none;*/

	--js-display: block;
}

button, input, optgroup, select, textarea
{
	font-family: @xf-fontFamilyUi;
	line-height: @xf-lineHeightDefault;
}

img
{
	max-width: 100%;
	height: auto;
}

b, strong
{
	font-weight: @xf-fontWeightHeavy;
}

a
{
	.xf-link();

	&:hover
	{
		.xf-linkHover();
	}
}

svg
{
	fill: currentColor;
}

{{ include('nechaev_config.less') }}
{{ include('userbanners.less') }}
{{ include('core_setup.less') }}
{{ include('core_utilities.less') }}
{{ include('core_list.less') }}
{{ include('core_categorylist.less') }}
{{ include('core_block.less') }}
{{ include('core_blockmessage.less') }}
{{ include('core_blockstatus.less') }}
{{ include('core_blocklink.less') }}
{{ include('core_blockend.less') }}
{{ include('core_fixedmessage.less') }}
{{ include('core_button.less') }}
{{ include('core_meter_bar.less') }}

// ################################# INPUTS & FORMS #####################

{{ include('core_input.less') }}
{{ include('core_formrow.less') }}

{{ include('core_collapse.less') }}
{{ include('core_badge.less') }}
{{ include('core_tooltip.less') }}
{{ include('core_menu.less') }}
{{ include('core_offcanvas.less') }}
{{ include('core_tab.less') }}
{{ include('core_overlay.less') }}
{{ include('core_globalaction.less') }}
{{ include('core_avatar.less') }}
{{ include('core_datalist.less') }}
{{ include('core_filter.less') }}
{{ include('core_contentrow.less') }}
{{ include('core_pagenav.less') }}
{{ include('core_hscroller.less') }}

// FLASH MESSAGES
.flashMessage
{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: @zIndex-9;
	.xf-flashMessage();

	.m-transitionFadeDown();
}

// AUTOCOMPLETE
.autoCompleteList
{
	.m-autoCompleteList();
	margin-top: 2px;

	&.autoCompleteList--inherit
	{
		font-size: inherit;

		li
		{
			padding: @xf-paddingLarge;
			line-height: inherit;
		}
	}

	&.autoCompleteList--fullWidth
	{
		min-width: 100%;
	}
}

// #################################### TAGS ##############################
// note that while this is related to tags, it's commonly used so just include it

.tagList,
.tagList > dt,
.tagList > dd
{
	display: inline;
	padding: 0;
	margin: 0;
}

.tagItem
{
	display: inline-block;
	max-width: 100%;
	padding: 0 6px 1px;
	margin: 0 0 2px;
	border-radius: @xf-borderRadiusMedium;
	font-size: @xf-fontSizeSmaller;
	.xf-chip();

	a&:hover
	{
		text-decoration: none;
		color: @xf-chip--color;
		.xf-chipHover();
	}
}

// ############################# MISC #########################

.recaptcha
{
	&.input
	{
		box-sizing: content-box;
		max-width: 100%;
	}

	img
	{
		max-width: 100%;
	}
}

.likesBar
{
	.m-transitionFadeDown(@display: flex);
	align-items: center;
	.xf-minorBlockContent();
	border-left: @xf-borderSizeMinorFeature solid @xf-borderColorFeature;
	padding: @xf-paddingMedium;
	font-size: @xf-fontSizeSmaller;
	margin-top: @xf-paddingMedium;
}

.likeIcon
{
	&:before
	{
		.m-faBase();
		.m-faContent(@fa-var-thumbs-up); //, 1em
		color: @xf-textColorFeature;
		//margin-right: .2em;
	}
}

.reactionsBar
{
	.m-transitionFadeDown(@display: flex);
	align-items: center;
	.xf-minorBlockContent();
	border-left: @xf-borderSizeMinorFeature solid @xf-borderColorFeature;
	border-radius: @xf-blockBorderRadius;
	padding: @xf-paddingMedium;
	font-size: @xf-fontSizeSmaller;
	margin-top: @xf-paddingMedium;
}

.reactionsBar-link
{
	padding-left: @xf-paddingSmall;
}

.reactionSummary
{
	.m-listPlain();
	flex-shrink: 0;
	height: 16px;
	margin: 0 -2px;

	> li
	{
		display: inline-block;
		height: 20px;
		width: 20px;
		padding: 2px;
		margin: -2px 0;
		background: @xf-contentBg;
		border-radius: 50%;
		position: relative;
		margin-left: -6px;

		&:nth-child(1)
		{
			z-index: 3;
			margin-left: 0;
		}

		&:nth-child(2)
		{
			z-index: 2;
		}

		&:nth-child(3)
		{
			z-index: 1;
		}
	}

	.reaction
	{
		position: absolute;
		top: 0;

		&.reaction
		{
			// increase specificity to override .reaction.reaction--<size>
			display: block;
		}
	}
}

.reactionsBar,
.message-responseRow
{
	.reactionSummary
	{
		> li
		{
			background: @xf-contentAltBg;
		}

		.reaction
		{
			top: 2px;
		}
	}
}

.reactTooltip
{
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	max-width: 100%;

	.reaction
	{
		margin: @xf-paddingSmall;
		.m-transition(transform);

		&:hover
		{
			.m-transform(scale(1.2));
		}
	}
}

.colorChip
{
	display: inline-block;
	border: @xf-borderSize solid @xf-borderColor;
	border-radius: @xf-borderRadiusMedium;
	padding: 1px;
	width: 100px;
}

.colorChip-inner
{
	display: block;
	background-color: transparent;
	border-radius: @xf-borderRadiusSmall;
	height: 1em;
}

.colorChip-value
{
	display: none;
}

pre.sf-dump
{
	// not ideal, but then again neither is the default of 99999...
	z-index: @zIndex-1 !important;
}

.grecaptcha-badge
{
	z-index: @zIndex-5;
}

// Bookmarking links for 2.1
.bookmarkLink
{
	&:before
	{
		& when (@xf-fontAwesomeWeight >= @faWeight-solid)
		{
			.m-faIcon(@fa-var-regular-bookmark);
		}
		& when (@xf-fontAwesomeWeight < @faWeight-solid)
		{
			.m-faIcon(@fa-var-bookmark);
		}
	}
	&.is-bookmarked
	{
		&:before
		{
			.m-faContent(@fa-var-solid-bookmark);
		}
	}

	&.bookmarkLink--highlightable.is-bookmarked
	{
		color: @xf-textColorAttention;

		&:hover
		{
			color: @xf-textColorAccentContent;
		}
	}

	span
	{
		margin-left: .35em;
	}
}

.p-breadcrumbs > li > a,
a.ui
{
	--ui-pad: .2em;
	--ui-pad-h: 2;
	display: inline-block;
	padding: var(--ui-pad) calc(var(--ui-pad) * var(--ui-pad-h));
	margin: calc(var(--ui-pad) * -1) calc(var(--ui-pad) * var(--ui-pad-h) * -1);
	border-radius: 5px;
	background-color: transparent;
	.m-transition(background-color);

	&:hover
	{
		background-color: fade(@xf-paletteNeutral3, 5%);
		text-decoration: none;
	}
}

// used in H2-H4 anchors
.hoverLink
{
	font-weight: normal;
	font-size: 75%;
	opacity: 0;
	.m-transition(color opacity);

	&:not(:hover)
	{
		color: inherit;
	}

	&:after
	{
		.m-faBase();
		.m-faContent(@fa-var-link);
		position: relative;
		left: .5em;
		bottom: .1em;
	}

	*:hover > &
	{
		opacity: 0.5;

		&:hover
		{
			opacity: 1;
		}
	}

	&:first-child:after
	{
		left: 0;
		right: .5em;
		background: pink;
	}
}

.dragHandle
{
	cursor: move;
	touch-action: none;

	&:before
	{
		.m-faBase();
		.m-faContent(@fa-var-bars);
	}

	.is-undraggable &
	{
		visibility: hidden;
		cursor: default;
	}
}

.memberProfileBanner
{
	background-size: cover !important;
	background-position-x: center !important;
	background-repeat: no-repeat !important;

	&.memberProfileBanner--small
	{
		height: 150px;
		margin-bottom: @xf-paddingMedium;
	}

	&.memberProfileBanner--empty
	{
		display: none;
	}
}

.solutionIcon
{
	display: inline-flex;
	padding: @xf-paddingMedium;
	font-size: @xf-fontSizeLargest;
	line-height: 1;
	color: @xf-textColorMuted;
	.m-transition();

	a&
	{
		color: @xf-textColorMuted;
		text-decoration: none;
	}

	&:before
	{
		& when (@xf-fontAwesomeWeight >= @faWeight-solid)
		{
			.m-faIcon(@fa-var-regular-check-circle);
		}
		& when (@xf-fontAwesomeWeight < @faWeight-solid)
		{
			.m-faIcon(@fa-var-check-circle);
		}
	}

	&.is-solution
	{
		color: @xf-votePositiveColor;
		opacity: 1;

		&:before
		{
			.m-faContent(@fa-var-solid-check-circle);
		}
	}
}

{{ include('core_action_bar.less') }}
{{ include('core_labels.less') }}
{{ include('core_reaction.less') }}
{{ include('core_smilie.less') }}
{{ include('core_bbcode.less') }}
{{ include('core_dt_proprties.less') }}
{{ include('core_dt_extra.less') }}

// RESOLUTION OUTPUT

.debugResolution
{
	.debugResolution-output:before
	{
		content: "Full @{xf-responsiveWide} - @{xf-pageWidthMax}";
		@media (min-width: @xf-pageWidthMax) { content: "Max > @{xf-pageWidthMax}"; }
		@media (max-width: @xf-responsiveWide) { content: "Wide < @{xf-responsiveWide}"; }
		@media (max-width: @xf-responsiveMedium) { content: "Medium < @{xf-responsiveMedium}"; }
		@media (max-width: @xf-responsiveNarrow) { content: "Narrow < @{xf-responsiveNarrow}"; }
	}
}]]></template>
    <template title="core_block.less" type="public" addon_id="XF" version_id="2030670" version_string="2.3.6"><![CDATA[// ################################# BLOCKS ##################

.blocks
{
	margin-bottom: @xf-elementSpacer;

	&:last-child
	{
		margin-bottom: 0;
	}

	.block
	{
		margin-bottom: (@xf-elementSpacer / 2);

		&:last-child
		{
			margin-bottom: 0;
		}
	}

	&.blocks--close .block
	{
		margin-bottom: (@xf-elementSpacer / 4);
	}

	&.blocks--separated
	{
		+ .blocks
		{
			padding-top: @xf-elementSpacer;
			border-top: @xf-borderSize solid @xf-borderColor;
		}
	}
}

.blocks-header
{
	font-size: @xf-fontSizeLarger;
	font-weight: @xf-fontWeightNormal;
	color: @xf-textColorMuted;

	margin: 0;
	padding: 0;
	margin-bottom: 5px;

	&.blocks-header--strong
	{
		color: @xf-textColorDimmed;

		.blocks-desc
		{
			color: @xf-textColorMuted;
		}
	}
}

.blocks-textJoiner
{
	display: table;
	width: 100%;
	margin-bottom: (@xf-elementSpacer / 2);
	padding: 0 @xf-paddingMedium;

	> span
	{
		display: table-cell;
		position: relative;

		&:before
		{
			content: '';
			position: absolute;
			left: 0;
			right: 0;
			top: 50%;
			border-top: @xf-borderSize solid @xf-borderColor;
		}
	}

	> em
	{
		display: table-cell;
		padding: 0 @xf-paddingLarge;
		width: 1%;
		white-space: nowrap;
		font-size: @xf-fontSizeLargest;
		line-height: 1;
		font-style: normal;
		text-align: center;
	}
}

.block
{
	margin-bottom: @xf-elementSpacer;

	&.block--close
	{
		margin-bottom: 5px;
	}

	&.block--treeEntryChooser
	{
		.block-header
		{
			font-size: @xf-fontSizeLarge;

			.block-desc
			{
				font-size: @xf-fontSizeSmallest;
			}
		}

		.block-row
		{
			padding-top: 6px;
			padding-bottom: 6px;
		}

		.contentRow
		{
			&.is-disabled
			{
				opacity: 0.5;
			}
		}

		.contentRow-title
		{
			font-size: @xf-fontSizeNormal;
		}

		.contentRow-minor
		{
			font-size: @xf-fontSizeSmaller;
		}

		.contentRow-suffix
		{
			font-size: @xf-fontSizeSmall;
		}
	}
}

.block-outer
{
	padding-bottom: @xf-blockPaddingV;
	.m-clearFix();

	&:empty
	{
		display: none;
	}

	&.block-outer--after
	{
		padding-top: @xf-blockPaddingV;
		padding-bottom: 0;
	}

	&.block-outer--padded
	{
		padding-left: @xf-blockPaddingH;
		padding-right: @xf-blockPaddingH;
	}

	.block-outer-hint
	{
		font-size: @xf-fontSizeSmall;
		color: @xf-textColorMuted;
	}
}
.block-outer-main, .block-row-main { float: left; }
.block-outer-opposite, .block-row-opposite { float: right; }
.block-outer-middle, .block-row-middle { text-align: center; }

.block-container
{
	.xf-contentBase();
	.xf-blockBorder();
	border-radius: @xf-blockBorderRadius;
	box-shadow: hsla(0, 0%, 0%, .15) 0px 0px 20px -5px inset;
	padding: @xf-paddingMedium;

	&.block-container--none
	{
		background: none;
		border: none;
		color: @xf-textColor;
		padding: 0;
	}
	
	&.block-container-nodes
	{
		background: fade(@xf-contentBg, 15%);
	}
}

@media (min-width: @xf-responsiveEdgeSpacerRemoval)
{
	@{block-noStripSel} > :first-child,
	.block-topRadiusContent,
	@{block-noStripSel} > .block-body:first-child > .blockLink:first-child
	{
		border-top-left-radius: @block-borderRadius-inner;
		border-top-right-radius: @block-borderRadius-inner;
	}

	@{block-noStripSel} > :last-child,
	.block-bottomRadiusContent,
	@{block-noStripSel} > .block-body:last-child > .blockLink:last-child,
	@{block-noStripSel} > .tabPanes:last-child > [role=tabpanel] > :last-child,
	@{block-noStripSel} > .tabPanes:last-child > [role=tabpanel] > .block-body > :last-child
	{
		border-bottom-left-radius: @block-borderRadius-inner;
		border-bottom-right-radius: @block-borderRadius-inner;
	}

	@{block-noStripSel} > .block-body:first-child > .dataList:first-child,
	.block-topRadiusContent.dataList,
	.block-topRadiusContent > .dataList:first-child
	{
		tbody:first-child .dataList-row:first-child,
		thead:first-child .dataList-row:first-child
		{
			> .dataList-cell:first-child { border-top-left-radius: @block-borderRadius-inner; }
			> .dataList-cell:last-child { border-top-right-radius: @block-borderRadius-inner; }
		}
	}

	@{block-noStripSel} > .block-body:first-child > .formRow:first-child,
	.block-topRadiusContent.formRow,
	.block-topRadiusContent > .formRow:first-child
	{
		> dt { border-top-left-radius: @block-borderRadius-inner; }
		> dd { border-top-right-radius: @block-borderRadius-inner; }
	}

	@{block-noStripSel} > .block-body:last-child > .dataList:last-child,
	.block-bottomRadiusContent.dataList,
	.block-bottomRadiusContent > .dataList:last-child
	{
		tbody:last-child .dataList-row:last-child
		{
			> .dataList-cell:first-child { border-bottom-left-radius: @block-borderRadius-inner; }
			> .dataList-cell:last-child { border-bottom-right-radius: @block-borderRadius-inner; }
		}
	}

	@{block-noStripSel} > .block-body:last-child > .formRow:last-child,
	.block-bottomRadiusContent.formRow,
	.block-bottomRadiusContent > .formRow:last-child
	{
		> dt { border-bottom-left-radius: @block-borderRadius-inner; }
		> dd { border-bottom-right-radius: @block-borderRadius-inner; }
	}

	@{block-noStripSel} > .block-body:last-child .formSubmitRow:not(.is-sticky),
	@{block-noStripSel} > .formSubmitRow:not(.is-sticky):last-child,
	.block-bottomRadiusContent > .formSubmitRow:not(.is-sticky)
	{
		> dt { border-bottom-left-radius: @block-borderRadius-inner; }
		> dd { border-bottom-right-radius: @block-borderRadius-inner; }

		.formSubmitRow-bar
		{
			border-bottom-left-radius: @block-borderRadius-inner;
			border-bottom-right-radius: @block-borderRadius-inner;
		}
	}
}

.block-header
{
	padding: @xf-blockPaddingV @xf-blockPaddingH;
	margin: 0;
	font-weight: @xf-fontWeightNormal;
	text-decoration: none;
	.xf-blockHeader();

	.m-clearFix();
	.m-hiddenLinks();

	.button:hover,
	a.button:hover
	{
		text-decoration: none;
	}

	&.block-header--separated
	{
		border-top: @xf-borderSize solid @xf-borderColorLight;
	}

	.block-desc
	{
		color: fade(@xf-blockHeader--color, 70);
		.m-textColoredLinks();
	}
}

.block-minorHeader
{
	padding: @xf-blockPaddingV @xf-blockPaddingH;
	margin: 0;
	font-weight: @xf-fontWeightNormal;
	text-decoration: none;
	.xf-blockMinorHeader();

	.m-clearFix();
	.m-hiddenLinks();

	.block-body + &
	{
		border-top: @xf-borderSize solid @xf-borderColorLight;
	}

	.block-desc
	{
		.m-textColoredLinks();
	}

	&--spaced
	{
		margin-top: @xf-paddingSmall;
	}

	&--small
	{
		font-size: @xf-fontSizeSmall;
	}
}

.block-tabHeader
{
	padding: 0;
	margin: 0;
	font-weight: @xf-fontWeightNormal;
	.xf-blockTabHeader();
	.m-tabsTogether(xf-default(@xf-blockTabHeader--font-size, @xf-fontSizeNormal));

	.tabs-tab
	{
		padding: @xf-paddingLarge @xf-paddingLarge 8px;
		border-radius: 25px;

		&:not(.is-readonly):hover
		{
			color: @xf-blockTabHeaderSelected--color;
			background: fade(@xf-blockTabHeaderSelected--color, 10%);
		}

		&.is-readonly:hover
		{
			cursor: default;
		}

		&.tabs-tab--radio.is-readonly:hover
		{
			cursor: not-allowed;
		}
	}

	.tabs-tab.is-active,
	.tabs > input:checked + .tabs-tab--radio
	{
		background: none;
		.xf-blockTabHeaderSelected();
	}

	.tabs > input[type="radio"]
	{
		display: none;
	}

	.tabs-text
	{
		padding: @xf-blockPaddingV @xf-blockPaddingH;
		border-bottom: @xf-borderSizeFeature solid transparent;
	}

	.block-tabHeader-extra
	{
		float: right;
		color: inherit;
		font-size: @xf-blockTabHeader--font-size;
		padding: @xf-blockPaddingV @xf-blockPaddingH;
	}

	.hScroller-action
	{
		.m-hScrollerActionColorVariation(
			xf-default(@xf-blockTabHeader--background-color, transparent),
			xf-default(@xf-blockTabHeader--color, ~""),
			xf-default(@xf-blockTabHeaderSelected--color, ~"")
		);
	}
}

.block-minorTabHeader
{
	padding: 0;
	margin: 0;
	font-weight: @xf-fontWeightNormal;
	.xf-blockMinorTabHeader();
	.m-tabsTogether(xf-default(@xf-blockMinorTabHeader--font-size, @xf-fontSizeNormal));

	.tabs-tab
	{
		padding: @xf-blockPaddingV @xf-blockPaddingH max(0px, (@xf-blockPaddingV - @xf-borderSizeFeature));
		border-bottom: @xf-borderSizeFeature solid transparent;

		&:hover
		{
			color: @xf-blockMinorTabHeaderSelected--color;
		}

		&.is-active
		{
			background: none;
			.xf-blockMinorTabHeaderSelected();
		}
	}

	.tabs-text
	{
		padding: @xf-blockPaddingV @xf-blockPaddingH max(0px, (@xf-blockPaddingV - @xf-borderSizeFeature));
		border-bottom: @xf-borderSizeFeature solid transparent;
	}

	.hScroller-action
	{
		.m-hScrollerActionColorVariation(
			xf-default(@xf-blockMinorTabHeader--background-color, transparent),
			xf-default(@xf-blockMinorTabHeader--color, ~""),
			xf-default(@xf-blockMinorTabHeaderSelected--color, ~"")
		);
	}
}

.block-filterBar
{
	padding: @xf-blockPaddingV @xf-blockPaddingH;
	.xf-blockFilterBar();

	&.block-filterBar--standalone
	{
		padding: @xf-paddingLarge @xf-blockPaddingH;
		border: @xf-borderSize solid @xf-borderColor;
		border-radius: @block-borderRadius-inner;

		@media (max-width: @xf-responsiveEdgeSpacerRemoval)
		{
			border-radius: 0;
			border-left: none;
			border-right: none;
		}
	}

	.filterBar-filterToggle
	{
		background: mix(
			xf-default(@xf-blockFilterBar--color, @xf-linkColor),
			xf-default(@xf-blockFilterBar--background-color, transparent),
			8%
		);
	}

	.filterBar-filterToggle,
	.filterBar-menuTrigger
	{
		&:hover
		{
			text-decoration: none;
			background: mix(
				xf-default(@xf-blockFilterBar--color, @xf-linkColor),
				xf-default(@xf-blockFilterBar--background-color, transparent),
				16%
			);
		}
	}

	.filterBar-menuTrigger
	{
		margin-right: -5px;
	}
}

.block-textHeader
{
	margin: (@xf-blockPaddingV / 2) 0;
	padding: 0;
	font-weight: @xf-fontWeightNormal;
	.xf-blockTextHeader();

	.m-clearFix();
	.m-hiddenLinks();

	&.block-textHeader--scaled
	{
		font-size: inherit;
	}

	.block-textHeader-highlight
	{
		color: @xf-textColor;
	}

	.block-desc
	{
		.m-textColoredLinks();
	}

	&:first-child
	{
		margin-top: 0;
	}
}

.block-formSectionHeader
{
	padding: @xf-blockPaddingV @xf-blockPaddingH;
	margin: 0;
	font-weight: @xf-fontWeightNormal;
	text-decoration: none;
	.xf-formSectionHeader();

	.m-clearFix();
	.m-hiddenLinks();

	.block-desc
	{
		.m-textColoredLinks();
	}

	.block-container > &:first-child,
	.block-body--collapsible &:first-child,
	.block-header + &
	{
		border-top: none;
	}

	.block-formSectionHeader-aligner
	{
		@_blockPaddingShift: (unit(@xf-formLabelWidth) / @xf-blockPaddingH * 100);

		display: inline-block;
		text-align: right;
		min-width: @xf-formLabelWidth;
		min-width: ~"calc((@{xf-formLabelWidth}) - (@{_blockPaddingShift}) - (@{xf-formRowPaddingHInner}) - (@{xf-borderSize}))";
		max-width: 100%;

		@media (max-width: @xf-formResponsive)
		{
			display: inline;
			text-align: left;
			min-width: 0;
			padding-left: 0;
		}
	}

	@media (max-width: @xf-formResponsive)
	{
		padding-left: @xf-formRowPaddingHOuter;
	}

	.block-formSectionHeader-multiChecker
	{
		float: right;
	}

	&--small
	{
		font-size: @xf-fontSizeNormal;
	}
}

.block-desc,
.blocks-desc
{
	display: block;
	font-size: @xf-fontSizeSmaller;
	font-weight: @xf-fontWeightNormal;
}

.block-body
{
	.m-listPlain();

	&.block-body--collapsible
	{
		.has-no-js & { display: block; }

		.m-transitionFadeDown();
	}

	&.block-body--contained
	{
		overflow: auto;
		max-height: 300px;
		max-height: 70vh;
	}

	&.block-body--containedFixed
	{
		overflow-x: auto;
		max-height: 300px;
	}
}

.block-row
{
	margin: 0;
	padding: @xf-blockPaddingV @xf-blockPaddingH;
	.m-clearFix();

	&.block-row--toEdge
	{
		padding-left: 0;
		padding-right: 0;
	}

	&.block-row--alt
	{
		.xf-contentAltBase();
	}

	&.block-row--minor
	{
		font-size: @xf-fontSizeSmall;
	}

	&.block-row--separated
	{
		padding-top: (@xf-blockPaddingV * 2);
		padding-bottom: (@xf-blockPaddingV * 2);

		+ .block-row
		{
			border-top: @xf-borderSize solid @xf-borderColorLight;
		}
	}

	&.block-row--connectAbove
	{
		padding-bottom: (@xf-blockPaddingV * 2);

		.block-body > &:last-child
		{
			padding-bottom: @xf-blockPaddingV;
		}
	}

	&.block-row--highlighted
	{
		.xf-contentHighlightBase();
	}

	&.block-row--clickable:hover
	{
		.xf-contentHighlightBase();
	}

	&.is-mod-selected
	{
		background: @xf-inlineModHighlightColor;
	}

	> pre
	{
		&:first-child { margin-top: 0; }
		&:last-child { margin-bottom: 0; }
	}
}

.block-separator
{
	margin: 0;
	padding: 0;
	border: none;
	border-top: @xf-borderSize solid @xf-borderColorLight;
}

.block-footer
{
	padding: @xf-blockPaddingV @xf-blockPaddingH;
	.xf-blockFooter();
	.m-clearFix();

	&:first-child
	{
		border: none;
	}

	[data-app=admin] &
	{
		.block-footer-counter,
		.block-footer-select
		{
			line-height: 30px;
		}
	}

	&:not(.block-footer--split)
	{
		.block-footer-counter
		{
			float: left;
		}

		.block-footer-controls
		{
			float: right;
		}
	}

	&.block-footer--split
	{
		display: flex;
		align-items: center;

		.block-footer-main,
		.block-footer-counter
		{
			flex-grow: 1;
		}

		.block-footer-select:not(:last-child)
		{
			margin: 0 1em;
		}

		.block-footer-opposite,
		.block-footer-controls
		{
			margin-left: auto;
		}
	}
}

@media (max-width: @xf-responsiveNarrow)
{
	.block-outer
	{
		text-align: center;
	}

	.block-outer-main,
	.block-outer-opposite
	{
		float: none;
		text-align: center;
	}

	.block-outer-main + .block-outer-opposite
	{
		margin-top: @xf-paddingMedium;
	}
}]]></template>
    <template title="core_blockend.less" type="public" addon_id="XF" version_id="2030052" version_string="2.3.0 Release Candidate 2"><![CDATA[// This contains rules that apply to various block and block-related systems. This file should be included
// after all of the primary definitions to ensure the rules override.

.blockMessage,
.blockStatus,
.block-row
{
	p:first-child
	{
		margin-top: 0;
	}

	p:last-child
	{
		margin-bottom: 0;
	}
}

@media (max-width: @xf-responsiveEdgeSpacerRemoval)
{
	.blockMessage.blockMessage--none
	{
		margin-left: 0;
		margin-right: 0;
	}
}]]></template>
    <template title="core_dt_extra.less" type="public" addon_id="" version_id="0" version_string=""><![CDATA[.m-transitionCubic(@speed: @xf-animationSpeed)
{
	display: none;
	opacity: 0;
	transform: translateY(20px) rotate3d(1,1,0,10deg);

	.m-transition(all, -xf-opacity; @speed);

	&.is-active
	{
		display: block;
		opacity: 1;
		transform: translateY(0);
		transform-origin: 0 0;
	}

	&.is-transitioning
	{
		display: block;
	}
}

a:link
{
	-webkit-tap-highlight-color: fade(@xf-paletteColor1, 30%);
}

::selection { background-color: fade(@xf-paletteColor1, 80%);color: #fff; }
::-moz-selection { background-color: fade(@xf-paletteColor1, 80%);color: #fff; }

.fr-popup .fr-color-set > span:hover
{
	transform: scale(1.2,1.2);
}

.editorSmilies .smilie
{
	opacity: 0.5;
	.m-transition(all, 0.2s);
	
	&:hover
	{
		opacity: 1.0;
		transform: scale(1.3);
	}
}

.p-breadcrumbs > li:last-child::after
{
	display: none;
}

.js-bookmarksMenuBody .contentRow-title
{
	font-size: @xf-fontSizeNormal;
}

.p-breadcrumbs--container
{
	margin-top: @xf-paddingLarge;
	
	.p-breadcrumbs
	{
		flex-grow: 1;
		margin-bottom: 0;
	}
	
	& .collapseTrigger:not(.button)
	{
		border: 1px solid @xf-borderColor;
    	padding: @xf-paddingLarge;
    	border-radius: @xf-blockBorderRadius;
    	margin-left: auto;
	}
}

.block.block--treeEntryChooser
{
	.block-container
	{
		margin: @xf-paddingLarge @xf-paddingLargest;
	}
}

.block.block--category
{
	.block-header
	{
		.xf-dt_category_header();
	}

	.block-desc
	{
		<xf:if is="property('dt_category_header')">
			color: fade(@xf-dt_category_header--color, 70);
		<xf:else />
			color: fade(@xf-majorHeadingTextColor, 60%);
		</xf:if>
		
		padding-top: @xf-elementSpacer;
	}
}

.p-body-sidebar
{
	.xf-dt_sidebar_styling();
	
	.block-container
	{
		.xf-dt_widget_wrapper();
	}
	.block-minorHeader
	{
		.xf-dt_widget_header();
	}
	.block-footer
	{
		.xf-dt_widget_footer();
	}
}

.message-userBanner.userBanner
{
	border-radius: @xf-blockBorderRadius;
}

.p-footer-copyright
{
	.fa-heart
	{
		color: red;
	}
}

.select2-results__options li
{
	.xf-menuLinkRow();
}

.select2-container .select2-results__option.select2-results__option--highlighted,
.autoCompleteList > li.is-selected
{
	.xf-menuLinkRowSelected();
	
	.m-colorScheme({{ $xf.style.getAlternateStyleType() }},
    {
        .xf-menuLinkRow();
    });
}

.block-container .alert.is-unread,
.tagify__dropdown__item.tagify__dropdown__item--active
{
	.xf-contentAltBase();
}

.blockMessage
{
	&.blockMessage--success
	{
		border-color: @xf-successFeatureColor;
	}
	
	&.blockMessage--warning
	{
		border-color: @xf-warningFeatureColor;
	}
	
	&.blockMessage--error
	{
		border-color: @xf-errorFeatureColor;
	}
}

.block-container .alert.is-unread
{
	.xf-contentAltBase();
}

// ################ Templates Enhancemnts ################

.badge,
.badgeContainer:after
{
	min-width: 12px;
	height: 16px;
	line-height: 14px;
	text-align: center;
	white-space: nowrap;
	word-wrap: normal;
	padding: 0 2px;
	margin: -2px 0;
}

@keyframes fa-bell-ring {
 0% {
  transform:rotate(-15deg)
 }
 2% {
  transform:rotate(15deg)
 }
 4% {
  transform:rotate(-18deg)
 }
 6% {
  transform:rotate(18deg)
 }
 8% {
  transform:rotate(-22deg)
 }
 10% {
  transform:rotate(22deg)
 }
 12% {
  transform:rotate(-18deg)
 }
 14% {
  transform:rotate(18deg)
 }
 16% {
  transform:rotate(-12deg)
 }
 18% {
  transform:rotate(12deg)
 }
 20%,
 100% {
  transform:rotate(0deg)
 }
}

.p-navgroup-link--alerts.badgeContainer--highlighted i::after
{
	animation: fa-bell-ring 5s ease 10s 6;
	transform-origin: 50% 0;
}

.p-breadcrumbs > li:first-child::before
{
	.m-faIcon(@fa-var-home);
	font-size: @xf-fontSizeSmaller;
	margin-right: .5em;
}

@media (max-width: @xf-responsiveNarrow)
{
	.p-body .p-breadcrumbs > li
	{
		font-size: @xf-fontSizeSmall;
	}
}

.blockLink
{
	&:hover
	{
		.xf-contentAltBase();
	}
}

.label
{
	&.label--primary
	{
		.m-labelVariation(@xf-textColorEmphasized, @xf-paletteColor1, @xf-paletteColor1);
	}
}

.tooltip-content
{
	.tooltip--preview &
	{
		.m-dropShadow(0, 0, 30px, 0, .12);
	}
	
	.tooltip--bookmark &,
	.tooltip--member &,
	.tooltip--share &
	{
		.m-dropShadow(0, 0, 30px, 0, .12);
	}
}

.block
{
	&.block--treeEntryChooser
	{
		.block-desc
		{
			color: fade(@xf-majorHeadingTextColor, 60%);
		}
	}
}

.block-tabHeader
{
	.tabs-tab
	{
		border-bottom: 3px solid hsla(0, 0%, 0%, 0);
		
		&:not(.is-readonly):hover
		{
			background: fade(@xf-linkColor, 5%);
			color: @xf-blockTabHeaderTextColor;
		}
	}
}

.block-row
{
	&.block-row--clickable:hover
	{
		.xf-contentAltBase();
	}
}

.button.button--link, a.button.button--link
{
	border: @xf-borderSize solid @xf-borderColor;
	
	&:hover,
	&:active,
	&:focus
	{
		color: @xf-contentHighlightBase--color;
	}
}

.button.button--scroll, a.button.button--scroll
{
	padding: 8px 12px;
	box-shadow: none;
}

.inputGroup
{
	&.inputGroup--joined
	{
		.input
		{
			&:first-child
			{
				border-top-left-radius: @xf-input--border-radius;
				border-bottom-left-radius: @xf-input--border-radius;
			}
			
			&:last-child
			{
				border-top-right-radius: @xf-input--border-radius;
				border-bottom-right-radius: @xf-input--border-radius;
			}
		}
		
		.inputGroup-text
		{
			&:first-child
			{
				border-top-left-radius: @xf-input--border-radius;
				border-bottom-left-radius: @xf-input--border-radius;
			}
			
			&:last-child
			{
				border-top-right-radius: @xf-input--border-radius;
				border-bottom-right-radius: @xf-input--border-radius;
			}
		}
	}
}

.inputNumber-button
{
	.inputGroup.inputGroup--joined &
	{
		&:hover,
		&:active,
		&:focus
		{
			.xf-contentHighlightBase();
		}
	}
}

.p-sectionLinks .p-sectionLinks-list .p-navEl.is-menuOpen
{
	border-radius: 0;
	box-shadow: none;
}

.notice
{
	a:not(.button--notice)
	{
		font-weight: 700;
		text-decoration: underline;
	}
}

.bbWrapper .bbCodeBlock--unfurl
{
	.xf-contentAltBase();
}

.overlay-container
{
	transform: translateY(-10px);
	transition: cubic-bezier(0.4, 0, 0.2, 1) 0.26s transform, cubic-bezier(0.4, 0, 0.2, 1) 0.26s opacity;
	
	&.is-active
	{
		transform: translateY(0);
	}
}

.overlay
{
	.m-dropShadow(0, 5px, 15px, 0, .2);
}

.overlay-titleCloser
{
	color: @xf-overlayHeader--color;
	
	&:hover
	{
		color: inherit;
	}
}

.u-bottomFixer .inlineModBar.is-active:first-of-type
{
	.m-dropShadow(0, 0, 8px, 3px, 0.12);
}

.structItemContainer .structItem
{
	border-top: @xf-borderSize solid @xf-borderColor;
	
	&.structItem--note
	{
		background: @xf-contentAltBg;
	}
	
	<xf:if is="property('styleType') == 'dark'">
	&.is-mod-selected
	{
		color: @xf-contentBg;

		a
		{
			color: inherit;
		}
	}
	</xf:if>
}

.structItem-cell .structItem-title
{
	font-size: @xf-fontSizeNormal;
}

.fr-box.bbWrapper.fr-basic
{
	border-color: @xf-borderColor;
	
	&.is-focused,
	&.is-preview,
	&.is-preview .fr-toolbar .fr-btn-grp.rte-tab--preview
	{
		border-color: @xf-paletteAccent1;
	}
}

.menu-tabHeader
{
	.tabs-tab
	{
		padding: @xf-blockPaddingV @_menu-paddingH;
		border: @xf-borderSize solid transparent;
		border-radius: 100px;
	}
}

.menu .alert.is-unread
{
	.xf-contentAltBase();
}

.message-content .messageNotice
{
	&::before
	{
		color: fade(@xf-contentHighlightBase--color, 65%);
	}
	
	&.messageNotice--highlighted
	{
		a,
		&::before
		{
			color: fade(@xf-contentHighlightBase--color, 65%);
		}

	}
}

.p-body .pollResult.pollResult--showVoters:hover
{
	.xf-contentAltBase();
}

// ################ Theme Enhancements ################

@media (min-width: @xf-responsiveWide)
{
	body .p-pageWrapper
	{
    	flex-direction: row;
  	}
}

.p-sideNav
{
	position: relative;
	display: flex;
	flex-direction: column;
	flex: 0 0 auto;
	width: 90px;
	padding: @xf-paddingLargest;
	border-right: @xf-borderSize solid @xf-borderColorHeavy;
	.m-transition();
	
	.collapseTrigger:not(.button)
	{
		position: absolute;
		top: 20px;
		right: -18px;
		display: none;
		align-items: center;
		justify-content: center;
		width: 36px;
		height: 36px;
		background: fade(@xf-contentBg, 15%);
		border: @xf-borderSize solid @xf-borderColorHeavy;
		border-radius: 50%;
		
		&:before
        {
            .m-faIcon(@fa-var-bars);
			font-size: @xf-fontSizeLarge;
			margin-left: 0;
        }
		
		&.is-active:before
        {
            .m-faIcon(@fa-var-bars);
        }
	}
	
	.p-navSticky.is-sticky
	{
		background: fade(@xf-contentBg, 10%);
		box-shadow: none;
	}
	
	&--title
	{
		color: @xf-textColorMuted;
		font-size: 0;
		text-transform: uppercase;
		.m-transition();
		
		.p-sideNav.is-active &
		{
			font-size: 14px;
		}
		
		@media (max-width: @xf-publicNavCollapseWidth)
		{
			display: none;
		}
	}
	
	@media (min-width: @xf-publicNavCollapseWidth)
	{
		.collapseTrigger:not(.button)
		{
			display: flex;
		}

		.p-nav-list .p-navEl-link span,
		.p-sectionLinks-list .p-navEl-link span
		{
			display: none;
		}

		&.is-active
		{
			width: 270px;

			.p-nav-list .p-navEl-link span,
			.p-sectionLinks-list .p-navEl-link span
			{
				display: inline-block;
			}
		}
	}
	
	@media (max-width: @xf-publicNavCollapseWidth)
	{
		width: 100%;
		padding: @xf-paddingLargest;
		border-bottom: @xf-borderSize solid @xf-borderColor;
		
		@supports (position: sticky) or (position: -webkit-sticky)
		{
			&
			{
				position: -webkit-sticky;
				position: sticky;
				top: 0;
				z-index: @zIndex-4;

				&.is-sticky-broken,
				&.is-sticky-disabled
				{
					position: static;
					top: auto;
				}
			}
		}
	}
	
	@media (max-width: @xf-publicNavCollapseWidth)
	{
		display: none;
	}
}

.p-navTop
{
	position: static !important;
	display: flex;
    align-items: center;
    width: 100%;
    max-width: 1385px;
	background: hsla(0,0%,55%,.15);
	backdrop-filter: blur(1.1875rem);
    -webkit-backdrop-filter: blur(1.1875rem);
	padding: @xf-paddingLarge @xf-paddingLargest;
	border-radius: @xf-blockBorderRadius;
	margin: 10px auto 0;
	
	@supports (position: sticky) or (position: -webkit-sticky)
	{
		&
		{
			position: -webkit-sticky;
			position: sticky;
			top: 0;
			z-index: @zIndex-4;

			&.is-sticky-broken,
			&.is-sticky-disabled
			{
				position: static;
				top: auto;
			}
		}
	}
	
	@media (max-width: 1070px)
	{
		border-radius: 0;
        padding-left: 0;
        padding-right: 0;
        margin-top: 0;
	}
}

.p-search
{
	position: relative;
	margin-right: auto;
	display: none;
	
	form
	{
		width: 330px;
		margin: 0 auto;
	}
	
	&-container
	{
		position: relative;
		display: flex;
		align-items: center;
	}
	
	.input.input--search
	{
		background: @xf-contentBg;
		font-size: @xf-fontSizeSmall;
		padding: 12px;
		padding-left: 35px;
		border: @xf-borderSize solid @xf-borderColor;
		
		&::-webkit-input-placeholder
		{
		  color: @xf-textColorDimmed;
		}

		&:-ms-input-placeholder
		{
		  color: @xf-textColorDimmed;
		}

		&::placeholder
		{
		  color: @xf-textColorDimmed;
		}
	}
	
	&-icon
	{
		position: absolute;
		top: 12px;
		left: 11px;
		text-align: center;
		color: @xf-textColorDimmed;
	}
	
	&-menu
	{
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		max-width: 360px;
		min-width: 330px;
		border-radius: @xf-blockBorderRadius;
		box-shadow: rgba(15, 15, 15, 0.08) 0 4px 12px, rgba(15, 15, 15, 0.2) 0 9px 24px;
		transform: translateY(-10px);
		opacity: 0;
		pointer-events: none;
		visibility: hidden;
		margin-top: 11px;
		z-index: 200;
		transition: cubic-bezier(0.4, 0, 0.2, 1) 0.26s transform, cubic-bezier(0.4, 0, 0.2, 1) 0.26s opacity;
	}
}

.p-search-menu.p-search-menu-active
{
	transform: translateY(0);
	opacity: 1;
	pointer-events: auto;
	visibility: visible;
}

@media (min-width: @xf-publicNavCollapseWidth)
{
	.p-nav
	{
		.p-nav-opposite
		{
			display: none;
		}
	}
}

.fr-box.bbWrapper.fr-basic
{
	border-radius: @xf-blockBorderRadius;
}

.fr-box.bbWrapper.fr-basic.is-focused,
.fr-box.bbWrapper.fr-basic.is-preview,
.fr-box.bbWrapper.fr-basic.is-preview .fr-toolbar .fr-btn-grp.rte-tab--preview
{
	border-color: @xf-borderColorHeavy;
}

.fr-basic.is-focused .fr-toolbar .fr-btn-grp
{
	border-color: @xf-borderColorHeavy;
	border-style: solid;
}

.p-body-content .fr-box.fr-basic .fr-toolbar.fr-top
{
	background: mix(@xf-contentBg, @xf-contentAltBg);
	padding: @xf-paddingMedium;
	border-bottom: @xf-borderSize solid @xf-borderColor;
	border-top-left-radius: @xf-blockBorderRadius;
	border-top-right-radius: @xf-blockBorderRadius;
	
	.fr-btn-grp
	{
		padding: 2px @xf-paddingMedium;
		border: @xf-borderSize solid @xf-borderColor;
		border-radius: @xf-blockBorderRadius;
		margin-right: @xf-paddingSmall;
	}
}

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active
{
	color: @xf-textColorEmphasized;
}

.fr-box .fr-toolbar .fr-command.fr-btn.fr-btn-active-popup, .fr-box .fr-popup .fr-command.fr-btn.fr-btn-active-popup, .fr-box .fr-modal .fr-command.fr-btn.fr-btn-active-popup,
.fr-box .fr-toolbar .fr-command.fr-btn.fr-active:not(.fr-disabled)
{
	background: @xf-editorButtonSelectedBg;
}

.p-footer
{
	.p-footer-inner
	{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	.p-footer-copyright
	{
		text-align: right;
		margin-top: @xf-paddingLarge;
	}
}

.offCanvasMenu--nav .offCanvasMenu-header
{
	background: @xf-contentBg;
}]]></template>
    <template title="core_dt_proprties.less" type="public" addon_id="" version_id="0" version_string=""><![CDATA[// ########################## DOHTHEME OPTION #######################

// ######## GENERAL ########
		

// #### Hide Breadcrum on Forum Home ####
<xf:if is="property('dt_breadbrumb_index')">
.template-forum_list .p-breadcrumbs {
	display: none;
}
.template-forum_list .p-body-inner {
	padding: 20px;
}
</xf:if>

<xf:if is="property('dt_breadbrumb_index') AND !property('dt_collapsible_sidebar')">
.template-forum_list .p-breadcrumbs--container {
    display: none;
}
</xf:if>

<xf:if is="property('dt_breadbrumb_index') AND property('dt_disable_sidebar')">
.template-forum_list .p-breadcrumbs--container {
    display: none;
}
</xf:if>


// #### Hide Title Bar in Forum Home ####
<xf:if is="property('dt_title_index')">
.template-forum_list .p-title-value {
	display: none;
}
.p-title-pageAction {
	margin-left: auto;
}
</xf:if>


// #### Remove New posts button from Forum Index ####
<xf:if is="property('dt_new_posts_index')">
.template-forum_list .p-title-pageAction a.button[href*="whats-new"]
{
	display: none;
}
</xf:if>

// #### Remove page actions from forum index ####
<xf:if is="property('dt_pa_index')">
.template-forum_list .p-title-pageAction {
	display: none;
}
</xf:if>


<xf:if is="property('dt_title_index') AND property('dt_pa_index')">
.template-forum_list .p-body-header {
	display: none;
}
</xf:if>


// #### Avatar Shape ####

<xf:if is="property('dt_avatar_shape') == 'option2'">
.avatar img,
.avatar.avatar--default.avatar--default--dynamic,
.avatar.avatar--default.avatar--default--text {
	-webkit-clip-path: circle(50% at 50% 50%);
	clip-path: circle(50% at 50% 50%);
}
.avatar.avatar--separated {
	border-radius: 50%;
}
<xf:elseif is="property('dt_avatar_shape') == 'option3'" />
.avatar img,
.avatar.avatar--default.avatar--default--dynamic,
.avatar.avatar--default.avatar--default--text {
	-webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
	clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}
<xf:elseif is="property('dt_avatar_shape') == 'option4'" />
.avatar img,
.avatar.avatar--default.avatar--default--dynamic,
.avatar.avatar--default.avatar--default--text {
	-webkit-clip-path: polygon(50% 0, 100% 38%, 80% 100%, 20% 100%, 0 38%);
	clip-path: polygon(50% 0, 100% 38%, 80% 100%, 20% 100%, 0 38%);
}
<xf:elseif is="property('dt_avatar_shape') == 'option5'" />
.avatar img,
.avatar.avatar--default.avatar--default--dynamic,
.avatar.avatar--default.avatar--default--text {
	-webkit-clip-path: polygon(50% 0, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
	clip-path: polygon(50% 0, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
}
<xf:elseif is="property('dt_avatar_shape') == 'option6'" />
.avatar img,
.avatar.avatar--default.avatar--default--dynamic,
.avatar.avatar--default.avatar--default--text {
	-webkit-clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
	clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
}
<xf:elseif is="property('dt_avatar_shape') == 'option7'" />
.avatar img,
.avatar.avatar--default.avatar--default--dynamic,
.avatar.avatar--default.avatar--default--text {
	-webkit-clip-path: polygon(0 50%, 15% 15%, 50% 0, 85% 15%, 100% 50%, 85% 85%, 50% 100%, 15% 85%);
	clip-path: polygon(0 50%, 15% 15%, 50% 0, 85% 15%, 100% 50%, 85% 85%, 50% 100%, 15% 85%);
}
<xf:elseif is="property('dt_avatar_shape') == 'option8'" />
.avatar img,
.avatar.avatar--default.avatar--default--dynamic,
.avatar.avatar--default.avatar--default--text {
	-webkit-clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
	clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
}
<xf:elseif is="property('dt_avatar_shape') == 'option9'" />
.avatar
{
	border-radius: 0;
}
.avatar img,
.avatar.avatar--default.avatar--default--dynamic,
.avatar.avatar--default.avatar--default--text {
	-webkit-clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);
	clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);
}
<xf:elseif is="property('dt_avatar_shape') == 'option10'" />
.avatar
{
	border-radius: 0;
}
.avatar img,
.avatar.avatar--default.avatar--default--dynamic,
.avatar.avatar--default.avatar--default--text {
	-webkit-clip-path: polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%);
	clip-path: polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%);
}
</xf:if>

<xf:if is="property('dt_avatar_shape') != 'option1'">
.menu.menu--account {
	.avatar img,
	.avatar.avatar--default.avatar--default--dynamic,
	.avatar.avatar--default.avatar--default--text {
		clip-path: none;
	}
}
</xf:if>

// #### Custom Scrollbar ####
<xf:if is="property('dt_custom_scrollbar')">
:root
{
	scrollbar-color: @xf-paletteColor1 @xf-pageBg;
	scrollbar-width: 9px;
	
	&::-webkit-scrollbar {
		width: 9px;
	}

	&::-webkit-scrollbar-track {
		background-color: @xf-pageBg;
	}

	&::-webkit-scrollbar-thumb {
		background-color: @xf-paletteColor1;
	}
}
</xf:if>

// #### Welcome Section ####
<xf:if is="property('dt_welcome_section')">
.p-welcomeSection {
	.xf-dt_welcome_section_css();
	
	<xf:if is="property('dt_welcome_section_index')">
	display: none;
	
	.template-forum_list & {
		display: block;
	}
	</xf:if>
}
.p-welcomeSection h1 {
	.xf-dt_welcome_section_title();
}
.p-welcomeSection p {
	background: @xf-contentBg;
	color: @xf-textColor;
	padding: @xf-paddingLarge;
	border: @xf-borderSize solid @xf-borderColor;
	border-radius: 100px;
}
</xf:if>

// #### Hide Top Breadcrumb ####
<xf:if is="property('dt_breadbrumb_top')">
.p-breadcrumbs:not(.p-breadcrumbs--bottom) {
	display: none;
}
.p-body-inner {
	padding-top: 20px;
}
</xf:if>

<xf:if is="property('dt_breadbrumb_top') AND property('dt_collapsible_sidebar')">
.p-breadcrumbs--container:not(.p-breadcrumbs--container--side) {
    display: none;
}
</xf:if>

<xf:if is="property('dt_breadbrumb_top') AND !property('dt_collapsible_sidebar')">
.p-breadcrumbs--container {
    display: none;
}
</xf:if>

<xf:if is="property('dt_breadbrumb_top') AND property('dt_disable_sidebar')">
.p-breadcrumbs--container {
    display: none;
}
</xf:if>


// #### Hide Bottom Breadcrumb ####
<xf:if is="property('dt_breadbrumb_bottom')">
.p-breadcrumbs.p-breadcrumbs--bottom {
	display: none;
}
.p-body-inner {
	padding-bottom: 20px;
}
</xf:if>

// #### Home breadcrumb as icon ####
<xf:if is="property('dt_homeCrumb_icon')">
ul.p-breadcrumbs > li:first-child::before
{
	display: none;
}
</xf:if>


// #### Hide footer style chooser ####
<xf:if is="property('dt_hide_style_chooser')">
.p-footer-linkList a[href*="misc/style"]
{
	display: none;
}
</xf:if>


@media (min-width: @xf-responsiveWide)
{
	@animationSpeedValue: .15s;
	
	<xf:if is="property('dt_page_animation')">
	
	@keyframes fade {
		from {
			opacity: 0;
		};
		to {
			opacity: 1;
		};
	}
	
	.fadeAnimation(@iteration) {
		animation: fade @animationSpeedValue ease;
		animation-delay: @iteration * @animationSpeedValue;
		animation-fill-mode: backwards;
	}
	
	.p-body-sideNavContent {.fadeAnimation(1);}
	.notices {.fadeAnimation(2);}
	.p-body-header {.fadeAnimation(3);}
	.pre-footer {.fadeAnimation(3);}
	.p-footer {.fadeAnimation(4);}
	
	</xf:if>

	.itemAnimation(@iteration) {
		animation: slideUp .4s ease;
		animation-delay: (@iteration * .15s) + (@animationSpeedValue * 2);
		animation-fill-mode: backwards;
	}
	.itemLoop (@i) when (@i > 0) {
		&:nth-child(@{i}) {
			.itemAnimation(@i)
		}
		.itemLoop(@i - 1);
	}

	@keyframes slideUp {
		from {
			transform: translatey(30px);
			opacity: 0;
		};
		to {
			transform: translatey(0px);
			opacity: 1;
		};
	}
	
	<xf:if is="property('dt_node_animation')">

	.block--category
	{
		.itemLoop(20);
	}
	
	</xf:if>
	
	<xf:if is="property('dt_discussion_animation')">

	.structItemContainer .structItem
	{
		.itemLoop(20);
	}
	
	</xf:if>
	
	<xf:if is="property('dt_message_animation')">

	.block--messages .block-body > .message--post
	{
		.itemLoop(20);
	}
	
	</xf:if>
	
	<xf:if is="property('dt_sidebar_widget_animation')">

	@sidebarItemDelay: .1s;

	@keyframes scootLeft {
		from {
			transform: translatex(30px);
			opacity: 0;
		};
		to {
			transform: translatex(0px);
			opacity: 1;
		};
	}

	.sidebarAnimation(@iteration)
	{
		animation: scootLeft .5s ease;
		animation-delay: (@iteration * @sidebarItemDelay) + (@animationSpeedValue * 3);
		animation-fill-mode: backwards;
		animation-iteration-count: 1;
	}

	.sidebarLoop (@i) when (@i > 0)
	{
		&:nth-child(@{i})
		{
			.sidebarAnimation(@i)
		}
		.sidebarLoop(@i - 1);
	}

	.p-body-sidebar .block
	{
		.sidebarLoop(15);
	}
	</xf:if>
}


// ######## Header and navigation ########

// #### Logo Text ####
<xf:if is="property('dt_text_logo')">
.p-header-content .p-header-logo
{
	&.p-header-logo--text
	{
		.xf-dt_text_logo_css();
	}
}
</xf:if>

// #### Hide Selected Tab Sub-Links bar ####
<xf:if is="property('dt_disable_tab_links')">
.p-sectionLinks {
	display: none;
}
</xf:if>

// #### Login triggers style ####
<xf:if is="property('dt_triggers_style') == 'option2'">
.menu 
{
	&[data-nav-id="userLogin"] .blocks
	{
		.xf-menu();
		border-radius: @xf-menuBorderRadius;
		
		.formRow > dt, .formRow > dd 
		{
			display: block;
			width: 100%;
			text-align: left;
		}

		.formRow > dt:empty,
		.formRow > dd:empty {
			display: none;
		}

		.formRow
		{
			dt {
				padding: 0;
			}
		}

		.formRow.formRow--input
		{
			dt {
				padding: 15px 10px 15px 10px;
			}
		}

		.block-outer.block-outer--after
		{
			background: @xf-blockFooter--background-color;
			padding-bottom: 6px;
		}
	}
}
</xf:if>

// #### Condense Visitor Tabs ####
<xf:if is="property('dt_condense_visito_tabs')">
.p-navgroup-link--user.badgeContainer::after {
	display: none;
}
.p-navgroup-link--user.badgeContainer.badgeContainer--highlighted::after {
	display: block;
}
@media (min-width: @xf-responsiveNarrow) {
	.p-navgroup-link--conversations,
	.p-navgroup-link--alerts {
		display: none;
	}
}
.menu--account .badgeContainer.badgeContainer--highlighted::after {
	margin-left: 6px;
}
<xf:else />
.p-navgroup-link--user.badgeContainer::after {
	display: none;
}
</xf:if>

// #### Inline Alert Ballons ####
<xf:if is="property('dt_inline_ballons')">
.p-navgroup .p-navgroup-link.badgeContainer::after {
	position: relative;
	top: -2px;
	left: 2px;
}
<xf:if is="property('dt_condense_visito_tabs')">
.p-navgroup .p-navgroup-link.p-navgroup-link--user {
	text-overflow: initial;
}
.p-navgroup .p-navgroup-link.badgeContainer::after {
	display: inline-block;
}
</xf:if>
</xf:if>

// #### Remove user avatar from navigation ####
<xf:if is="property('dt_nav_avatar')">
@media (min-width: @xf-responsiveWide)
{
	.p-navgroup-link.p-navgroup-link--user
	{
		font-size: @xf-fontSizeLarge;
	}

	.p-navgroup-link.p-navgroup-link--user .avatar
	{
		display: none;
	}
}
</xf:if>

// #### Remove user text from navigation ####
<xf:if is="property('dt_nav_user_text') AND !property('dt_nav_avatar')">
.p-navgroup-link.p-navgroup-link--user .p-navgroup-linkText
{
	display: none;
}
</xf:if>

// #### Remove search tab text ####
<xf:if is="property('dt_login_text')">
.p-navgroup-link--logIn,
.p-navgroup-link--register
{
	.p-navgroup-linkText
	{
		display: none;
	}
}
</xf:if>

// ######## Forum / Node List ########

// #### Collapsible Categories ####
<xf:if is="property('dt_collapsible_categories')">
.block--category
{
	.block-container
	{
		opacity: 0.5;
		
		.block-body
		{
			height: 0;
			transform: scale(0);
			opacity: 0;
		}
		
		&.is-active
		{
			opacity: 1;
			
			.block-body
			{
				height: 100%;
				transform: scale(1);
				opacity: 1;
				transition: all 0.45s cubic-bezier(0.68, -0.55, 0.27, 1.55);
			}
		}
	}

	.block-header
	{
		position: relative;
		padding-right: 20px;
	}
	
	.block-desc
	{
		padding-right: 25px;
	}
	
    .collapseTrigger:not(.button)
    {
		position: absolute;
		top: 50%;
		right: 10px;
		cursor: pointer;
		transform: translateY(-50%);
		
		&:before
        {
            .m-faIcon(@fa-var-solid-{{ property('dt_node_on_icon') }});
			font-size: 80%;
        }
		
        &.is-active:before
        {
            .m-faIcon(@fa-var-solid-{{ property('dt_node_off_icon') }});
        }
    }
}
</xf:if>

// #### Sticky Category Strips ####
<xf:if is="property('dt_sticky_catstrips')">
.block--category .block-header {
	position: -webkit-sticky;
	position: sticky;
	<xf:if is="property('publicNavSticky') == 'primary'">
	top: (@xf-publicNavPaddingV * 2 + 22px);
	<xf:elseif is="property('publicNavSticky') == 'all'" />
	top: (@xf-publicNavPaddingV * 2 + 53px);
	<xf:else />
	top: 0;
	</xf:if>
	z-index: 100;
}
@media (max-width: @xf-responsiveWide)
{
	.p-body
	{
		.p-body-main,
		.p-body-content
		{
			overflow: initial;
		}
	}
	
	.block--category .block-header {
		<xf:if is="property('publicNavSticky') == 'primary'">
		top: (@xf-publicNavPaddingV * 2 + 22px);
		<xf:elseif is="property('publicNavSticky') == 'all'" />
		top: (@xf-publicNavPaddingV * 2 + 53px);
		<xf:else />
		top: 0;
		</xf:if>
	}
}
</xf:if>

<xf:if is="property('dt_catstrips_minorheader')">
.block-subheader
{
	display: table;
	table-layout: fixed;
	width: 100%;
	background-color: @xf-contentAltBg;
	color: @xf-textColorDimmed;
	font-size: @xf-fontSizeSmall;
	padding: @xf-paddingLarge;
	border: @xf-borderSize solid @xf-borderColor;
	border-bottom: none;

	span
	{
		display: table-cell;
		vertical-align: middle;

		&.block-subheader--main
		{

		}
		&.block-subheader--stats
		{
			width: 70px;
			text-align: center;
		}
		&.block-subheader--last
		{
			width: 280px;
			text-align: left;
			padding-left: 19px;
		}
	}
}
.node-stats .pairs.pairs--rows > dt
{
	display: none;
}
@media (max-width: 1000px)
{
	.block-subheader span.block-subheader--stats
	{
		display: none;
	}
}
@media (max-width: @xf-responsiveMedium)
{
	.block-subheader span.block-subheader--last
	{
		display: none;
	}
}
</xf:if>

// #### Simplified Node Statics ####
<xf:if is="property('dt_nodestat_simple') AND !property('dt_catstrips_minorheader')">
.node-stats
{
	max-width: 100px;
}
</xf:if>

// #### Show Node Stats on Hover ####
<xf:if is="property('dt_node_stats')">
.node-stats {
	opacity: 0;
	transform: scale(0.75);
	.m-transition(all, 0.3s);
}
.block-body .node:hover .node-stats {
	opacity: 1;
	transform: scale(1);
}
</xf:if>

// #### Hide node stats ####
<xf:if is="property('dt_node_stats_hide')">
.node .node-stats {
	display: none;
}
</xf:if>

// #### Last poster avatar on the forum list ####
<xf:if is="!property('dt_last_avatar_forum')">
.node-extra-icon
{
	display: none;
}
</xf:if>

// #### Hide node last post ####
<xf:if is="property('dt_last_post')">
.node .node-extra
{
	display: none;
}
</xf:if>

// #### New Indicator Label ####
<xf:if is="property('dt_new_indicator')">
.node--newIndicator {
	.xf-dt_new_indicator_css();
}
.node--forum .node--newIndicator {
	display: none;
}
.node--forum.node--unread .node--newIndicator {
	display: inline-block;
}
</xf:if>

// #### Alternative Node Background ####
<xf:if is="property('dt_alternative_nodes')">
.block-body .node:nth-of-type(2n+2) {
	background: {{ property('dt_alternative_nodes') }};
}
</xf:if>

// #### Hover Background on Nodes ####
<xf:if is="property('dt_hb_nodes')">
.block-body .node {
	.m-transition(all, 0.3s);
}

.block-body .node:hover {
	background: {{ property('dt_hb_nodes') }};
}
</xf:if>

// #### Hover Effect on Nodes ####
<xf:if is="property('dt_he_nodes')">
.block-body .node {
	.m-transition(all, 0.3s);
}

.block-body .node:hover {
	transform: scale(1.015);
}
</xf:if>

// #### Category Description ####
<xf:if is="property('dt_cat_description') == 'option2'">
.block-header .block-desc {
	display: inline-block;
	opacity: 0;
	margin-left: 4px;
	.m-transition(all, 0.3s);
}
.block--category .block-container:hover .block-desc {
	opacity: 1;
}
</xf:if>

// ######## Sidebar ########

// #### Disable Sidebar ####
<xf:if is="property('dt_disable_sidebar')">
.p-body-main .p-body-sidebar-container {
	display: none;
}
.p-body-main.p-body-main--withSidebar .p-body-content {
	width: 100%;
	max-width: 100%;
	padding-right: 0;
}
</xf:if>

// #### Sidebar Position ####
<xf:if is="property('dt_sidebar_position') == 'option2'">
@media (min-width: @xf-responsiveWide) {
	.p-body-main--withSidebar .p-body-content {
		order: 2;
	}
	.p-body-sidebar-container {
		order: 1;
	}
}
</xf:if>
<xf:if is="property('dt_sidebar_position') == 'option3'">
@media (min-width: @xf-responsiveWide)
{
	.p-body
	{
		.p-body-main--withSidebar,
		.p-body-content
		{
			display: block;
		}

		.p-body-main--withSidebar .p-body-content
		{
			width: 100%;
			max-width: 100%;
		}

		.p-body-sidebar-container
		{
			width: auto;
		}

		.p-body-sidebar
		{
			display: flex;
			flex-wrap: wrap;
			align-items: stretch;
			margin: (@xf-elementSpacer) (-((@xf-pageEdgeSpacer) / 2)) (-(@xf-elementSpacer));
			width: auto;

			> *
			{
				margin: 0 (@xf-pageEdgeSpacer / 2) @xf-elementSpacer;
				min-width: @xf-sidebarWidth;
				flex: 1 1 @xf-sidebarWidth;

				&:last-child
				{
					margin-bottom: @xf-elementSpacer;
				}
			}

			// add an invisible block to ensure that the last row has the correct widths
			&:after
			{
				display: block;
				content: '';
				height: 0;
				margin: 0 (@xf-pageEdgeSpacer / 2);
				min-width: @xf-sidebarWidth;
				flex: 1 1 @xf-sidebarWidth;
			}

			.block-container
			{
				display: flex;
				flex-direction: column;
				height: 100%;

				.block-footer
				{
					margin-top: auto;
				}
			}
		}
	}
}
</xf:if>

// #### Sticky Sidebar ####
<xf:if is="property('dt_sticky_sidebar') && !property('dt_disable_sidebar')">
.p-body-sidebar {
	position: -webkit-sticky;
	position: sticky;
	top: (@xf-publicNavPaddingV * 2 + 25px);
}
</xf:if>

// #### Collapsible Sidebar ####
<xf:if is="property('dt_collapsible_sidebar') && !property('dt_disable_sidebar')">
.p-breadcrumbs--container {
	display: flex;
	align-items: stretch;
	
	.collapseTrigger:not(.button)
	{
		margin-left: auto;
		
		&:before
        {
            .m-faIcon(@fa-var-{{ property('dt_collpse_on_icon') }});
			margin-left: 0;
        }
		
		&.is-active:before
        {
            .m-faIcon(@fa-var-{{ property('dt_collpse_off_icon') }});
        }

		@media (max-width: @xf-responsiveWide)
		{
			display: none;
		}
	}
}

.p-body-content {
    transition: all .55s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.p-body-sidebar-container {
	transition: all .35s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.p-body-main--withSidebar:not(.is-active) .p-body-content {
	width: 100%;
	max-width: 100%;
}
.p-body-main--withSidebar:not(.is-active) .p-body-sidebar-container {
	width: 0;
	height: 0;
	transform: scale(0);
	opacity: 0;
}
</xf:if>


// #### Sidebar login ####

<xf:if is="property('dt_sidebar_login')">
.p-body-sidebar
{
	.blocks.blocks--login
	{
		.formRow 
		{
			> dt, > dd
			{
				width: auto;
				display: block;
				text-align: left;
				padding: 0px;
				background-color: transparent;
				border-width: 0;
			}
			> dt
			{
				padding: 5px 0px;
			}
			&:first-child
			{
				> dt
				{
					padding-top: 0;
				}
			}
			&.formSubmitRow dt
			{
				display: none;
			}
			.formSubmitRow-bar
			{
				background-color: transparent;
				border-width: 0;
			}
			.formSubmitRow-controls
			{
				padding-left: 0;
				text-align: right;
				margin-right: 8px;

			}
		}
		.block-outer--register
		{
			.xf-blockFooter();
			
			padding: @xf-paddingLarge;
			margin: 0 (@xf-blockPaddingH * -1) (@xf-blockPaddingV * -1);
			text-align: right;
			
			a.button
			{
				margin-left: 5px;
			}
		}
	}
}
</xf:if>


// ######## Discussion List ########

// #### Discussion minor header ####

<xf:if is="property('dt_disc_minor_header')">
.discu-minorHeader
{
	display: table;
	table-layout: fixed;
	width: 100%;
	.xf-dt_disc_minor_header_css();

	span
	{
		display: table-cell;
		vertical-align: middle;

		&.discu-minorHeader--main
		{
			padding: 10px 8px 10px 58px;
		}
		&.discu-minorHeader--stats
		{
			width: 70px;
			text-align: center;
			padding: 10px 8px;
			
			<xf:if is="property('dt_reactions_column')">
				width: 75px;
			</xf:if>
		}
		&.discu-minorHeader--last
		{
			width: 230px;
			text-align: center;
			padding: 10px 8px;
		}
	}
}

.structItemContainer-group
{
	.structItem-cell.structItem-cell--meta
	{
		width: 70px;
		text-align: center;
		
		@media (max-width: @xf-responsiveWide)
		{
			width: 58px;
		}
	}
}

.structItemContainer-group
{
	.structItem-cell
	{
		vertical-align: middle;
	}
}

@media (max-width: @xf-responsiveWide)
{
	.discu-minorHeader
	{
		font-size: @xf-fontSizeSmallest;
	}
	
	.discu-minorHeader span.discu-minorHeader--stats
	{
		width: 58px;
	}

	.discu-minorHeader span.discu-minorHeader--last
	{
		width: 180px;
		
	}
}

@media (max-width: @xf-responsiveMedium)
{
	.discu-minorHeader
	{
		display: none;
	}
	
	.structItemContainer-group .structItem-cell.structItem-cell--meta
	{
		display: none;
	}
	
	.structItem-cell.structItem-cell--latest::before
	{
		display: none;
	}
}
</xf:if>

// #### Collapsible sticky threads ####

<xf:if is="property('dt_collaps_sticky_threads')">
.block-stickyHeader
{
	display: flex;
	align-items: center;
	
	.collapseTrigger
	{
		margin-left: auto;
		
		&:before
        {
            .m-faIcon(@fa-var-{{ property('dt_node_on_icon') }});
			font-size: 100%;
        }
		
        &.is-active:before
        {
            .m-faIcon(@fa-var-{{ property('dt_node_off_icon') }});
        }
	}
}
.structItemContainer-group--sticky
{
	opacity: 0;
    transition: all 0.75s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    -webkit-transition-property: all, -xf-opacity;
    transition-property: all, -xf-opacity;
    overflow-y: hidden;
    height: 0;
    -webkit-transition-property: all, -xf-height;
    transition-property: all, -xf-height;
	
	&.is-active
	{
		height: auto;
		opacity: 1;
		overflow-y: visible;
	}
}
</xf:if>

// #### Seperate Sticky Threads ####

<xf:if is="property('dt_seperate_sticky_threads')">
.block-stickyHeader {
	.xf-dt_seperate_sticky_threads_css();
}
</xf:if>


// #### Unique background to sticky thread ####

<xf:if is="property('dt_background_sticky_thread_css')">
.structItemContainer-group--sticky .structItem--thread {
	.xf-dt_background_sticky_thread_css();
}
</xf:if>

// #### Last poster avatar on the discussion list ####

<xf:if is="!property('dt_last_avatar_discussion')">
.structItem-cell.structItem-cell--iconEnd
{
	display: none;
}
</xf:if>

// #### Locked Threads Opacity ####

<xf:if is="property('dt_opacity_thread_lock')">
.structItem--thread.is-locked {
	opacity: 0.6;
}
.structItemContainer-group--sticky .structItem--thread.is-locked {
	opacity: 1;
}
</xf:if>

// #### Remove Mini-me Avatar ####

<xf:if is="property('dt_minime_avatar')">
.structItem-iconContainer .structItem-secondaryIcon
{
	display: none;
}
</xf:if>

// #### New Indicator Label ####

<xf:if is="property('dt_disc_new_indicator')">
.structItem.is-unread .structItem-title a:not(.labelLink):after {
    content: "{{ phrase('new') }}";
    .xf-dt_new_indicator_css();
	margin-left: @xf-paddingMedium;
}
</xf:if>

// #### Reactions column in meta box ####

<xf:if is="property('dt_reactions_column')">
.structItem .structItem-cell
{
    vertical-align: middle;
}
</xf:if>

// #### Alternative Thread Background ####

<xf:if is="property('dt_alternative_threads')">
.structItemContainer-group:not(.structItemContainer-group--sticky) .structItem.structItem--thread:nth-of-type(2n+1) {
	background: {{ property('dt_alternative_threads') }};
}
</xf:if>

// #### Hover Background on Threads ####

<xf:if is="property('dt_hb_threads')">
.structItem.structItem--thread {
	.m-transition(all, 0.3s);
}
.structItem.structItem--thread:hover {
	background: {{ property('dt_hb_threads') }};
}
</xf:if>

// #### Hover Effect on Threads ####

<xf:if is="property('dt_he_threads')">
.structItem.structItem--thread {
	.m-transition(all, 0.3s);
}
.structItem.structItem--thread:hover {
	transform: scale(1.015);
}
</xf:if>


// ######## Message Layout ########


// #### Messages Layout ####
<xf:if is="property('dt_messages_layout') == 'option2'">
.block--messages .message:not(.message--simple) {
	.message-inner {
		flex-direction: column;
	}
	.message-inner .message-cell.message-cell--user,
	.message-inner .message-cell.message-cell--action {
		border-right: none;
		border-bottom: @xf-messageUserBlock--border-width solid @xf-messageUserBlock--border-color;
	}
	.message-inner .message-cell.message-cell--user {
		flex: 0 0 100%;
	}
	.message-cell.message-cell--user .message-user {
		display: flex;
		align-items: center;

		.message-userExtras {
			margin-top: 0;
			margin-left: auto;
		}

		.message-userDetails {
			margin-left: @xf-paddingLargest;
		}

		.message-avatar {
			margin-bottom: 0;
		}

		@media (min-width: @xf-messageSingleColumnWidth) {
			.message-userArrow {
				position: absolute;
				bottom: 0;
				left: 50px;
				top: initial;
				right: initial;

				.m-triangleUp(xf-default(@xf-messageUserBlock--border-color, transparent), @xf-messagePadding);

				&:after
				{
					position: absolute;
					top: 2px;
					right: -@xf-messagePadding + 1;
					content: "";

					.m-triangleUp(@xf-contentBg, (@xf-messagePadding - 1px));
				}
			}
		}
	}
	.message-inner .message-cell.message-cell--vote {
		padding: @xf-messagePadding 0;
		border-left: none;
		border-top: @xf-messageUserBlock--border-width solid @xf-messageUserBlock--border-color;
		
		.message-column,
		.contentVote
		{
			flex-direction: row;
		}
		
		.solutionIcon
		{
			margin-top: 0;
			margin-left: auto;
		}
	}
	.message--quickReply {
		.message-cell.message-cell--user {
			display: none;
		}
	}
}
</xf:if>

<xf:if is="property('dt_messages_layout') == 'option3'">
.message.is-first {
	
	.message-inner {
		flex-direction: column;
	}
	.message-inner .message-cell.message-cell--user,
	.message-inner .message-cell.message-cell--action {
		border-right: none;
		border-bottom: @xf-messageUserBlock--border-width solid @xf-messageUserBlock--border-color;
	}
	.message-inner .message-cell.message-cell--user {
		flex: 0 0 100%;
	}
	.message-cell.message-cell--user .message-user {
		display: flex;
		align-items: center;

		.message-userExtras {
			margin-top: 0;
			margin-left: auto;
		}

		.message-userDetails {
			margin-left: @xf-paddingLargest;
		}

		.message-avatar {
			margin-bottom: 0;
		}

		@media (min-width: @xf-messageSingleColumnWidth) {
			.message-userArrow {
				position: absolute;
				bottom: 0;
				left: 50px;
				top: initial;
				right: initial;

				.m-triangleUp(xf-default(@xf-messageUserBlock--border-color, transparent), @xf-messagePadding);

				&:after
				{
					position: absolute;
					top: 2px;
					right: -@xf-messagePadding + 1;
					content: "";

					.m-triangleUp(@xf-contentBg, (@xf-messagePadding - 1px));
				}
			}
		}
	}
}
</xf:if>

// #### Center Thread Title ####

<xf:if is="property('dt_thread_title_center')">
.template-thread_view .p-body-header {
	text-align: center;
}
.template-thread_view .p-body-header .p-title-value {
	margin-left: auto;
}
</xf:if>

// #### Hide Avatar Beside Editor ####

<xf:if is="property('dt_editor_avatar')">
.message.message--quickReply .message-cell--user {
	display: none;
}
.message.message--quickReply .message-cell.message-cell--main {
	padding-left: 10px;
	margin-left: 0;
}

</xf:if>

// #### Show Extra User Info On Hover ####

<xf:if is="property('dt_euicss') AND !property('dt_collapsible_extras')">
.message-userExtras {
	max-height: 0px;
	opacity: 0;
	overflow: hidden;
	.m-transition(all, 0.3s);
}
.message-cell--user:hover .message-userExtras {
	max-height: 300px;
	opacity: 1;
}
</xf:if>

// #### dt_extras_style ####
<xf:if is="property('dt_extras_style') == 'lines'">
.message-userExtras
{
	dl.pairs.pairs--justified
	{
		border-bottom: @xf-borderSize dashed @xf-borderColorHeavy;
		padding-bottom: @xf-paddingSmall;
		margin-bottom: @xf-paddingSmall;
		
		&:last-of-type
		{
			border-bottom: none;
			padding-bottom: 0;
			margin-bottom: 0;
		}
	}
}
<xf:elseif is="property('dt_extras_style') == 'boxed'" />
.message-userExtras
{
	background-color: @xf-contentBg;
	padding: @xf-paddingMedium @xf-paddingLarge;
	border: @xf-borderSize solid @xf-borderColor;
	border-radius: @xf-blockBorderRadius;

	dl.pairs.pairs--justified
	{
		border-bottom: @xf-borderSize solid @xf-borderColor;
		padding-bottom: @xf-paddingSmall;
		margin-bottom: @xf-paddingSmall;
		
		&:last-of-type
		{
			border-bottom: none;
			padding-bottom: 0;
			margin-bottom: 0;
		}
	}
}
<xf:elseif is="property('dt_extras_style') == 'individualboxed'" />
.message-userExtras dl
{
	background-color: @xf-contentBg;
	padding: @xf-paddingSmall @xf-paddingMedium;
	border: @xf-borderSize solid @xf-borderColor;
	border-radius: @xf-blockBorderRadius;
	margin-bottom: @xf-paddingSmall;
}
</xf:if>

// #### Sticky user info ####
<xf:if is="property('dt_sticky_user_info')">
.message-cell.message-cell--user
{
	.message-user
	{
		position: -webkit-sticky;
		position: sticky;
		top: 90px;
		z-index: @zIndex-2;
	}
}
</xf:if>

// #### Collapsible User Extras ####
<xf:if is="property('dt_collapsible_extras') && property('dt_messages_layout') == 'option1'">
.message-userExtras-body
{
    .m-listPlain();

    &.message-userExtras--collapsible
    {
        .has-no-js & { display: block; }

        .m-transitionFadeDown();
    }
}

.message-cell
{
    .collapseTrigger:not(.button)
    {
		<xf:if is="property('dt_sticky_user_info')">
			position: -webkit-sticky;
			position: sticky;
			<xf:if is="property('publicNavSticky') == 'primary'">
			top: (@xf-publicNavPaddingV * 2 + 50px);
			<xf:elseif is="property('publicNavSticky') == 'all'" />
			top: (@xf-publicNavPaddingV * 2 + 80px);
			<xf:else />
			top: 10px;
			</xf:if>
		</xf:if>

        width: 30px;
		height: 24px;
		line-height: 18px;
		background: @xf-borderColor;
        text-align: center;
		padding: @xf-paddingSmall 0 @xf-paddingMedium;
		border-top-right-radius: @xf-borderRadiusSmall;
		border-bottom-right-radius: @xf-borderRadiusSmall;
		box-shadow: 4px 4px 0px 0px @xf-contentHighlightBg;
		margin: @xf-paddingLargest;
		margin-left: (@xf-messagePadding * -1);
		z-index: @zIndex-3;
		
        &:before
        {
			.m-faIcon(@fa-var-light-list);
            color: @xf-textColorEmphasized;
			width: @xf-fontSizeSmaller;
            transition: ease-in transform .3s;
			margin: 0;
        }
		
		&.is-active:before
        {
			color: @xf-contentAccentBg;
        }
		
		&:hover
		{
			&:before
			{
				color: @xf-contentAccentBg;
			}
		}
		
        &.collapseTrigger--block:before
        {
            float: none;
        }
		
		@media (max-width: @xf-messageSingleColumnWidth)
		{
			display: none;
		}
    }
}
</xf:if>

// #### First Post Uniuqe Background ####
<xf:if is="property('dt_firstpost_customization')">
.message--post.is-first .message-cell.message-cell--main {
	.xf-dt_firstpost_customization();
}
</xf:if>

// #### Offline status indicator ####
<xf:if is="property('dt_offline_indicator')">
.message-avatar .message-avatar-wrapper
{
	.message-avatar-offline
	{
		position: absolute;
		top: 9px;
		left: 6px;

		&:before
		{
			.m-faIcon(@fa-var-solid-circle, 1em);
			color: #f27777;
			font-size: 11px;
			border: @xf-borderSize solid @xf-borderColor;
			border-radius: 50%;
		}
		
		@media (max-width: @xf-messageSingleColumnWidth)
		{
			top: 0;
			left: 0;
		}
	}
}
</xf:if>

// #### Thread owner indicator ####
<xf:if is="property('dt_thread_owner') == 'userbanner'">
.messageOwner-Indicator
{
	font-size: 90%;
	background: @xf-contentHighlightBg;
	color: @xf-contentHighlightBase--color;
	padding: 1px @xf-paddingMedium;
	border: @xf-borderSize solid @xf-borderColor;
	border-radius: @xf-blockBorderRadius;
	white-space: nowrap;
	
	@media (max-width: @xf-responsiveNarrow)
	{
		display: none;
	}
}
</xf:if>
<xf:if is="property('dt_thread_owner') == 'icon'">
.message-avatar-owner
{
	position: absolute;
	right: 6px;
	bottom: 6px;
	
	width: 19px;
	height: 19px;
	line-height: 18px;
	background: @xf-contentHighlightBg;
	color: @xf-textColorEmphasized;
	font-size: 9px;
	text-align: center;
	border: @xf-borderSize solid @xf-borderColor;
	border-radius: 50%;
	
	@media (max-width: @xf-messageSingleColumnWidth)
	{
		display: none;
	}
}
</xf:if>


// #### Faded date and moderation links ####
<xf:if is="property('dt_faded_message_action')">
[data-template="thread_view"] .message-attribution, .message-actionBar.actionBar
{
	@media (min-width: @xf-messageSingleColumnWidth)
	{
		opacity: .5;
		transition: opacity .2s ease-in-out;

		&:hover
		{
			opacity: 1;
		}
	}
}
</xf:if>

// #### EXTRA FOOTER ####
<xf:if is="property('dt_extra_footer')">
.pre-footer
{
	.xf-dt_extra_footer_css();
	
	<xf:if is="property('dt_extra_footer_index')">
	display: none;
	
	.template-forum_list & {
		display: block;
	}
	</xf:if>
	
	<xf:if is="property('dt_extra_footer_mobile')">
	@media (max-width: @xf-responsiveMedium)
	{
		display: none;
	}
	</xf:if>
	
	&-inner
	{
		width: 100%;
		max-width: @xf-pageWidthMax;
		margin: 0 auto;

		@media (min-width: @xf-responsiveMedium)
		{
			padding: 0 @xf-paddingLarge;
		}
	}
	
	&--container
	{
		display: flex;
		flex-wrap: wrap;

		@media (min-width: @xf-responsiveWide)
		{
			margin: 0 -15px;
		}
	}
	
	&--column
	{
		flex: 0 0 25%;
		max-width: 25%;

		@media (min-width: @xf-responsiveMedium)
		{
			padding: 0 15px;
		}
	}
}

.pre-footer h3
{
	.xf-dt_extra_footer_title_css();
}

.pre-footer--content,
.pre-footer .block-container
{
	.xf-dt_extra_footer_content_css();
}

.pre-footer--links {
	
	li {
		list-style: none;
		
		a {
			display: block;
			.xf-dt_extra_footer_link_css();
		}
	}
}

.pre-footer .contentRow-main a,
.pre-footer .block-body .username
{
	.xf-dt_extra_footer_link_css();
}

.social__icons,
.pre-footer--links,
.pre-footer-html--content,
.pre-footer .block-row
{
	.xf-dt_extra_footer_widgcont_css();
}

.pre-footer .block-footer
{
	.xf-dt_extra_footer_widgfoot_css();
}

.social__icons
{
	li
	{
		display: inline-block;
		list-style: none;
		
		a 
		{
			display: block;
			width: 35px;
			height: 35px;
			line-height: 33px;
			background: @xf-contentBg;
			color: @xf-linkColor;
			text-align: center;
			border: @xf-borderSize solid @xf-borderColor;
			border-radius: @xf-blockBorderRadius;
			margin-right: 4px;
			
			&.-facebook {
				
				&:hover
				{
					background: #3b5998;
					color: @xf-textColorEmphasized;
				}
			}
			
			&.-twitter {
				
				svg
				{
					transform: translateY(2px);
				}

				&:hover
				{
					background: #000000;
					color: @xf-textColorEmphasized;
				}
			}
			
			&.-instagram {
				&:hover
				{
					background: #d6249f;
  					background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
					color: @xf-textColorEmphasized;
				}
			}
			
			&.-youtube {
				&:hover
				{
					background: #ff0000;
					color: @xf-textColorEmphasized;
				}
			}
		}
	}
}

@media (max-width: @xf-responsiveWide)
{
	.pre-footer--column
	{
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@media (max-width: @xf-responsiveMedium)
{
	.pre-footer--column
	{
		flex: 0 0 100%;
		max-width: 100%;
	}
}
</xf:if>


// ######## GLYPHS ########

// #### Navigation Glyphs ####

<xf:if is="property('dt_navigation_glyphs')">

.p-sideNav.is-active .p-navEl-link::before {
	padding-right: @xf-paddingLargest;
}
.p-navEl-link[data-nav-id="home"]::before {
	.m-faIcon(@fa-var-home);
}
.p-navEl-link[data-nav-id="forums"]::before {
	.m-faIcon(@fa-var-comments-alt);
}
.p-navEl-link[data-nav-id="whatsNew"]::before {
	.m-faIcon(@fa-var-bolt);
}
.p-navEl-link[data-nav-id="members"]::before {
	.m-faIcon(@fa-var-users);
}
.p-navEl-link[data-nav-id="xfmg"]::before {
	.m-faIcon(@fa-var-image);
}
.p-navEl-link[data-nav-id="xfrm"]::before {
	.m-faIcon(@fa-var-download);
}

.p-navEl-link::before {
    font-size: 120%;
}

</xf:if>

// #### Sub-navigation Glyphs ####

<xf:if is="property('dt_sub_navigation_glyphs')">
.p-sectionLinks .p-navEl-link::before {
	padding-right: @xf-paddingLarge;
}
.p-navEl-link[data-nav-id="featured"]::before {
	.m-faIcon(@fa-var-stars);
}
.p-navEl-link[data-nav-id="newPosts"]::before {
	.m-faIcon(@fa-var-fire);
}
.p-navEl-link[data-nav-id="findThreads"]::before {
	.m-faIcon(@fa-var-comment);
}
.p-navEl-link[data-nav-id="watched"]::before {
	.m-faIcon(@fa-var-bell);
}
.p-navEl-link[data-nav-id="searchForums"]::before {
	.m-faIcon(@fa-var-search);
}
.p-navEl-link[data-nav-id="markForumsRead"]::before {
	.m-faIcon(@fa-var-eye-slash);
}
.p-navEl-link[data-nav-id="whatsNewPosts"]::before {
	.m-faIcon(@fa-var-file-alt);
}
.p-navEl-link[data-nav-id="xfmgWhatsNewNewMedia"]::before {
	.m-faIcon(@fa-var-image);
}
.p-navEl-link[data-nav-id="xfmgWhatsNewMediaComments"]::before {
	.m-faIcon(@fa-var-comments);
}
.p-navEl-link[data-nav-id="xfrmNewResources"]::before {
	.m-faIcon(@fa-var-download);
}
.p-navEl-link[data-nav-id="whatsNewProfilePosts"]::before {
	.m-faIcon(@fa-var-pencil);
}
.p-navEl-link[data-nav-id="whatsNewNewsFeed"]::before {
	.m-faIcon(@fa-var-rss);
}
.p-navEl-link[data-nav-id="latestActivity"]::before {
	.m-faIcon(@fa-var-clock);
}
.p-navEl-link[data-nav-id="xfmgNewMedia"]::before {
	.m-faIcon(@fa-var-bolt);
}
.p-navEl-link[data-nav-id="xfmgNewComments"]::before {
	.m-faIcon(@fa-var-comment-alt-smile);
}
.p-navEl-link[data-nav-id="xfmgAddMedia"]::before {
	.m-faIcon(@fa-var-plus-square);
}
.p-navEl-link[data-nav-id="xfmgYourContent"]::before {
	.m-faIcon(@fa-var-file-image);
}
.p-navEl-link[data-nav-id="xfmgWatchedContent"]::before {
	.m-faIcon(@fa-var-bell);
}
.p-navEl-link[data-nav-id="xfmgSearchMedia"]::before {
	.m-faIcon(@fa-var-search);
}
.p-navEl-link[data-nav-id="xfmgMarkViewed"]::before {
	.m-faIcon(@fa-var-eye-slash);
}
.p-navEl-link[data-nav-id="xfrmLatestReviews"]::before {
	.m-faIcon(@fa-var-star);
}
.p-navEl-link[data-nav-id="xfrmYourResources"]::before {
	.m-faIcon(@fa-var-cloud-download);
}
.p-navEl-link[data-nav-id="xfrmWatched"]::before {
	.m-faIcon(@fa-var-bell);
}
.p-navEl-link[data-nav-id="xfrmSearchResources"]::before {
	.m-faIcon(@fa-var-search);
}
.p-navEl-link[data-nav-id="currentVisitors"]::before {
	.m-faIcon(@fa-var-users);
}
.p-navEl-link[data-nav-id="newProfilePosts"]::before {
	.m-faIcon(@fa-var-pencil);
}
.p-navEl-link[data-nav-id="searchProfilePosts"]::before {
	.m-faIcon(@fa-var-comment-dots);
}
</xf:if>


// #### offCanvasMenu LinkHolders Icons ####

<xf:if is="property('dt_offcanvasmenu_linkholder_glyphs')">

.offCanvasMenu-link::before {
	padding-right: @xf-paddingMedium;
}
.offCanvasMenu-link[href*="login"]::before {
	.m-faIcon(@fa-var-sign-in);
}
.offCanvasMenu-link[href*="register"]::before {
	.m-faIcon(@fa-var-user-circle);
}
.offCanvasMenu-link[data-nav-id="home"]::before {
	.m-faIcon(@fa-var-home);
}
.offCanvasMenu-link[data-nav-id="forums"]::before {
	.m-faIcon(@fa-var-comments);
}
.offCanvasMenu-link[data-nav-id="whatsNew"]::before {
	.m-faIcon(@fa-var-bolt);
}
.offCanvasMenu-link[data-nav-id="members"]::before {
	.m-faIcon(@fa-var-users);
}
.offCanvasMenu-link[data-nav-id="xfmg"]::before {
	.m-faIcon(@fa-var-image);
}
.offCanvasMenu-link[data-nav-id="xfrm"]::before {
	.m-faIcon(@fa-var-download);
}
</xf:if>

// #### offCanvasMenu Links Icons ####

<xf:if is="property('dt_offcanvasmenu_links_glyphs')">
.offCanvasMenu-link[data-nav-id="newPosts"]::before {
	.m-faIcon(@fa-var-fire, 2em);
}
.offCanvasMenu-link[data-nav-id="findThreads"]::before {
	.m-faIcon(@fa-var-comment, 2em);
}
.offCanvasMenu-link[data-nav-id="yourThreads"]::before {
	.m-faIcon(@fa-var-comments, 2em);
}
.offCanvasMenu-link[data-nav-id="contributedThreads"]::before {
	.m-faIcon(@fa-var-comments-alt, 2em);
}
.offCanvasMenu-link[data-nav-id="unansweredThreads"]::before {
	.m-faIcon(@fa-var-comment-alt, 2em);
}
.offCanvasMenu-link[data-nav-id="watched"]::before {
	.m-faIcon(@fa-var-bell, 2em);
}
.offCanvasMenu-link[data-nav-id="watchedThreads"]::before {
	.m-faIcon(@fa-var-globe, 2em);
}
.offCanvasMenu-link[data-nav-id="watchedForums"]::before {
	.m-faIcon(@fa-var-flag, 2em);
}
.offCanvasMenu-link[data-nav-id="searchForums"]::before {
	.m-faIcon(@fa-var-search, 2em);
}
.offCanvasMenu-link[data-nav-id="markForumsRead"]::before {
	.m-faIcon(@fa-var-eye-slash, 2em);
}
.offCanvasMenu-link[data-nav-id="whatsNewPosts"]::before {
	.m-faIcon(@fa-var-file-alt, 2em);
}
.offCanvasMenu-link[data-nav-id="xfmgWhatsNewNewMedia"]::before {
	.m-faIcon(@fa-var-image, 2em);
}
.offCanvasMenu-link[data-nav-id="xfmgWhatsNewMediaComments"]::before {
	.m-faIcon(@fa-var-comments-alt, 2em);
}
.offCanvasMenu-link[data-nav-id="xfrmNewResources"]::before {
	.m-faIcon(@fa-var-download, 2em);
}
.offCanvasMenu-link[data-nav-id="whatsNewProfilePosts"]::before {
	.m-faIcon(@fa-var-pencil, 2em);
}
.offCanvasMenu-link[data-nav-id="whatsNewNewsFeed"]::before {
	.m-faIcon(@fa-var-rss, 2em);
}
.offCanvasMenu-link[data-nav-id="latestActivity"]::before {
	.m-faIcon(@fa-var-clock, 2em);
}
.offCanvasMenu-link[data-nav-id="xfmgNewMedia"]::before {
	.m-faIcon(@fa-var-bolt, 2em);
}
.offCanvasMenu-link[data-nav-id="xfmgNewComments"]::before {
	.m-faIcon(@fa-var-comments-alt, 2em);
}
.offCanvasMenu-link[data-nav-id="xfmgAddMedia"]::before {
	.m-faIcon(@fa-var-plus-square, 2em);
}
.offCanvasMenu-link[data-nav-id="xfmgYourContent"]::before {
	.m-faIcon(@fa-var-file-image, 2em);
}
.offCanvasMenu-link[data-nav-id="xfmgYourMedia"]::before {
	.m-faIcon(@fa-var-file-image, 2em);
}
.offCanvasMenu-link[data-nav-id="xfmgYourAlbums"]::before {
	.m-faIcon(@fa-var-file-image, 2em);
}
.offCanvasMenu-link[data-nav-id="xfmgWatchedContent"]::before {
	.m-faIcon(@fa-var-bell, 2em);
}
.offCanvasMenu-link[data-nav-id="xfmgWatchedMedia"]::before {
	.m-faIcon(@fa-var-bell, 2em);
}
.offCanvasMenu-link[data-nav-id="xfmgWatchedAlbums"]::before {
	.m-faIcon(@fa-var-globe, 2em);
}
.offCanvasMenu-link[data-nav-id="xfmgWatchedCategories"]::before {
	.m-faIcon(@fa-var-flag, 2em);
}
.offCanvasMenu-link[data-nav-id="xfmgSearchMedia"]::before {
	.m-faIcon(@fa-var-search, 2em);
}
.offCanvasMenu-link[data-nav-id="xfmgMarkViewed"]::before {
	.m-faIcon(@fa-var-eye-slash, 2em);
}
.offCanvasMenu-link[data-nav-id="xfrmLatestReviews"]::before {
	.m-faIcon(@fa-var-star, 2em);
}
.offCanvasMenu-link[data-nav-id="xfrmYourResources"]::before {
	.m-faIcon(@fa-var-cloud-download, 2em);
}
.offCanvasMenu-link[data-nav-id="xfrmWatched"]::before {
	.m-faIcon(@fa-var-bell, 2em);
}
.offCanvasMenu-link[data-nav-id="xfrmWatchedResources"]::before {
	.m-faIcon(@fa-var-bell, 2em);
}
.offCanvasMenu-link[data-nav-id="xfrmWatchedCategories"]::before {
	.m-faIcon(@fa-var-globe, 2em);
}
.offCanvasMenu-link[data-nav-id="xfrmSearchResources"]::before {
	.m-faIcon(@fa-var-search, 2em);
}
.offCanvasMenu-link[data-nav-id="currentVisitors"]::before {
	.m-faIcon(@fa-var-users, 2em);
}
.offCanvasMenu-link[data-nav-id="newProfilePosts"]::before {
	.m-faIcon(@fa-var-pencil, 2em);
}
.offCanvasMenu-link[data-nav-id="searchProfilePosts"]::before {
	.m-faIcon(@fa-var-comment-dots, 2em);
}
</xf:if>

// #### Visitor Menu Icons ####

<xf:if is="property('dt_visitor_menu_glyphs')">
.menu--account {
	.menu-linkRow::before {
		padding-right: @xf-paddingMedium;
	}
	.menu-linkRow[href*="news-feed"]::before {
		.m-faIcon(@fa-var-rss);
	}
	.menu-linkRow[href*="reactions"]::before {
		.m-faIcon(@fa-var-thumbs-up);
	}
	.menu-linkRow[href*="search/member"]::before {
		.m-faIcon(@fa-var-comments);
	}
	.menu-linkRow[href*="account-details"]::before {
		.m-faIcon(@fa-var-user);
	}
	.menu-linkRow[href*="preferences"]::before {
		.m-faIcon(@fa-var-cog);
	}
	.menu-linkRow[href*="signature"]::before {
		.m-faIcon(@fa-var-pencil);
	}
	.menu-linkRow[href*="security"]::before {
		.m-faIcon(@fa-var-lock);
	}
	.menu-linkRow[href*="upgrades"]::before {
		.m-faIcon(@fa-var-star);
	}
	.menu-linkRow[href*="connected-accounts"]::before {
		.m-faIcon(@fa-var-user-plus);
	}
	.menu-linkRow[href*="following"]::before {
		.m-faIcon(@fa-var-users);
	}
	.menu-linkRow[href*="privacy"]::before {
		.m-faIcon(@fa-var-user-secret);
	}
	.menu-linkRow[href*="ignored"]::before {
		.m-faIcon(@fa-var-user-times);
	}
	.menu-linkRow[href*="logout"]::before {
		.m-faIcon(@fa-var-sign-out);
	}
	.menu-linkRow[href*="conversations"]::before {
		.m-faIcon(@fa-var-envelope);
	}
	.menu-linkRow[href*="alerts"]::before {
		.m-faIcon(@fa-var-bell);
	}
}
</xf:if>

// #### Sidebar Glyphs ####

// #### Sidebar Glyphs ####

<xf:if is="property('dt_sidebar_glyphs')">
.p-body-sidebar,
.p-body-sideNav
{
	.block[data-widget-id] .block-minorHeader::before
	{
		padding-right: @xf-paddingMedium;
	}

	.blocks--login .block-minorHeader::before
	{
		.m-faIcon(@fa-var-sign-in-alt);
		padding-right: @xf-paddingMedium;
	}

	.block[data-widget-section="staffMembers"] .block-minorHeader::before
	{
		.m-faIcon(@fa-var-user);
	}

	.block[data-widget-section="onlineNow"] .block-minorHeader::before
	{
		.m-faIcon(@fa-var-users);
	}
	
	.block[data-widget-definition="new_threads"] .block-minorHeader::before,
	.block[data-widget-definition="new_posts"] .block-minorHeader::before
	{
		.m-faIcon(@fa-var-comments);
	}
	
	.block[data-widget-definition="new_profile_posts"] .block-minorHeader::before
	{
		.m-faIcon(@fa-var-comment-dots);
	}
	
	.block[data-widget-definition="board_totals"] .block-minorHeader::before,
	.block[data-widget-definition="online_statistics"] .block-minorHeader::before,
	.block[data-widget-definition="forum_statistics"] .block-minorHeader::before,
	.block[data-widget-definition="xfmg_gallery_statistics"] .block-minorHeader::before
	{
		.m-faIcon(@fa-var-chart-bar);
	}
	
	.block[data-widget-definition="share_page"] .block-minorHeader::before
	{
		.m-faIcon(@fa-var-share-alt);
	}
	
	.block[data-widget-definition="trending_content"] .block-minorHeader::before
	{
		.m-faIcon(@fa-var-fire-alt);
	}
	
	.block[data-widget-definition="find_member"] .block-minorHeader::before
	{
		.m-faIcon(@fa-var-search);
	}
	
	.block[data-widget-definition="newest_members"] .block-minorHeader::before
	{
		.m-faIcon(@fa-var-user-circle);
	}
	
	.block[data-widget-definition="xfrm_top_resources"] .block-minorHeader::before
	{
		.m-faIcon(@fa-var-bolt);
	}
	
	.block[data-widget-definition="xfrm_latest_reviews"] .block-minorHeader::before
	{
		.m-faIcon(@fa-var-star);
	}
	
	.block[data-widget-key="xfrm_overview_top_authors"] .block-minorHeader::before
	{
		.m-faIcon(@fa-var-user);
	}
	
	.block[data-widget-definition="xfrm_new_resources"] .block-minorHeader::before
	{
		.m-faIcon(@fa-var-download);
	}
	
	.block[data-widget-definition="xfmg_media_slider"] .block-minorHeader::before
	{
		.m-faIcon(@fa-var-image);
	}
}
</xf:if>

<xf:if is="property('dt_prefooter_heading_icons')">

.pre-footer--column .block[data-widget-id] .block-minorHeader::before {
	padding-right: @xf-paddingMedium;
}
.pre-footer--column .block[data-widget-section="staffMembers"] .block-minorHeader::before {
	.m-faIcon(@fa-var-user);
}
.pre-footer--column .block[data-widget-section="onlineNow"] .block-minorHeader::before {
	.m-faIcon(@fa-var-users);
}
.pre-footer--column .block[data-widget-definition="new_threads"] .block-minorHeader::before,
.pre-footer--column .block[data-widget-definition="new_posts"] .block-minorHeader::before {
	.m-faIcon(@fa-var-comments);
}
.pre-footer--column .block[data-widget-definition="new_profile_posts"] .block-minorHeader::before {
	.m-faIcon(@fa-var-comment-dots);
}
.pre-footer--column .block[data-widget-definition="board_totals"] .block-minorHeader::before,
.pre-footer--column .block[data-widget-definition="online_statistics"] .block-minorHeader::before,
.pre-footer--column .block[data-widget-definition="forum_statistics"] .block-minorHeader::before,
.pre-footer--column .block[data-widget-definition="xfmg_gallery_statistics"] .block-minorHeader::before{
	.m-faIcon(@fa-var-chart-bar);
}
.pre-footer--column .block[data-widget-definition="share_page"] .block-minorHeader::before {
	.m-faIcon(@fa-var-share-alt);
}
.pre-footer--column .block[data-widget-definition="find_member"] .block-minorHeader::before {
	.m-faIcon(@fa-var-search);
}
.pre-footer--column .block[data-widget-definition="trending_content"] .block-minorHeader::before {
	.m-faIcon(@fa-var-fire-alt);
}
.pre-footer--column .block[data-widget-definition="newest_members"] .block-minorHeader::before {
	.m-faIcon(@fa-var-user-circle);
}
.pre-footer--column .block[data-widget-definition="xfrm_top_resources"] .block-minorHeader::before {
	.m-faIcon(@fa-var-bolt);
}
.pre-footer--column .block[data-widget-definition="xfrm_latest_reviews"] .block-minorHeader::before {
	.m-faIcon(@fa-var-star);
}
.pre-footer--column .block[data-widget-key="xfrm_overview_top_authors"] .block-minorHeader::before {
	.m-faIcon(@fa-var-user);
}
.pre-footer--column .block[data-widget-definition="xfrm_new_resources"] .block-minorHeader::before {
	.m-faIcon(@fa-var-download);
}
.pre-footer--column .block[data-widget-definition="xfmg_media_slider"] .block-minorHeader::before {
	.m-faIcon(@fa-var-image);
}
.pre-footer--content.-social h3::before
{
	.m-faIcon(@fa-var-retweet);
	padding-right: @xf-paddingMedium;
}

.pre-footer--content.-links h3::before
{
	.m-faIcon(@fa-var-link);
	padding-right: @xf-paddingMedium;
}

</xf:if>

// #### Message Glyphs ####

<xf:if is="property('dt_messages_glyphs')">

.actionBar-action::before
{
	margin-right: @xf-paddingSmall;
}
.actionBar-action.actionBar-action--report::before {
    .m-faIcon(@fa-var-exclamation-triangle);
}
.actionBar-action.actionBar-action--history::before {
    .m-faIcon(@fa-var-history);
}
.actionBar-action.actionBar-action--edit::before {
    .m-faIcon(@fa-var-pen-square);
}
.actionBar-action.actionBar-action--delete::before {
    .m-faIcon(@fa-var-trash);
}
.actionBar-action.actionBar-action--spam::before {
    .m-faIcon(@fa-var-exclamation-circle);
}
.actionBar-action.actionBar-action--ip::before {
    .m-faIcon(@fa-var-user);
}
.actionBar-action.actionBar-action--warn::before {
    .m-faIcon(@fa-var-exclamation);
}

</xf:if>


// #### Discussion List Icons ####

<xf:if is="property('dt_discussion_glyphs')">

.structItem-parts a.username::before,
.structItem-cell--latest .username::before {
	.m-faIcon(@fa-var-user);
	padding-right: @xf-paddingSmall;
}
.structItem-parts .structItem-startDate a::before,
.structItem-cell--latest .structItem-latestDate::before {
	.m-faIcon(@fa-var-clock);
	padding-right: @xf-paddingSmall;
}

</xf:if>

// #### Member Profiles Tabs Icons ####

<xf:if is="property('dt_profile_tabs_glyphs')">

.block-tabHeader.block-tabHeader--memberTabs .tabs-tab::before {
	padding-right: @xf-paddingMedium;
}
.block-tabHeader.block-tabHeader--memberTabs .tabs-tab[aria-controls="profile-posts"]::before {
	.m-faIcon(@fa-var-comments);
}
.block-tabHeader.block-tabHeader--memberTabs .tabs-tab[id="latest-activity"]::before {
	.m-faIcon(@fa-var-clock);
}
.block-tabHeader.block-tabHeader--memberTabs .tabs-tab[id="recent-content"]::before {
	.m-faIcon(@fa-var-pen-square);
}
.block-tabHeader.block-tabHeader--memberTabs .tabs-tab[id="about"]::before {
	.m-faIcon(@fa-var-info-circle);
}
.block-tabHeader.block-tabHeader--memberTabs .tabs-tab[id="resources"]::before {
	.m-faIcon(@fa-var-download);
}
.block-tabHeader.block-tabHeader--memberTabs .tabs-tab[id="xfmgMedia"]::before {
	.m-faIcon(@fa-var-image);
}
</xf:if>

// #### Account Wrapper Icons ####

<xf:if is="property('dt_account_wrapper_glyphs')">
.template-account_details,
.template-account_alerts,
.template-account_reactions,
.template-account_bookmarks,
.template-account_security,
.template-account_privacy,
.template-account_preferences,
.template-account_signature,
.template-account_following,
.template-account_ignored
{
	.p-body-sideNav {
		.block-container {
			.blockLink::before {
				padding-right: @xf-paddingMedium;
			}
			.blockLink[href*="members"]::before {
				.m-faIcon(@fa-var-user-circle);
			}
			.blockLink[href*="alerts"]::before {
				.m-faIcon(@fa-var-bell);
			}
			.blockLink[href*="reactions"]::before {
				.m-faIcon(@fa-var-thumbs-up);
			}
			.blockLink[href*="bookmarks"]::before {
				.m-faIcon(@fa-var-bookmark);
			}
			.blockLink[href*="account-details"]::before {
				.m-faIcon(@fa-var-user);
			}
			.blockLink[href*="security"]::before {
				.m-faIcon(@fa-var-lock);
			}
			.blockLink[href*="privacy"]::before {
				.m-faIcon(@fa-var-user-secret);
			}
			.blockLink[href*="preferences"]::before {
				.m-faIcon(@fa-var-cog);
			}
			.blockLink[href*="signature"]::before {
				.m-faIcon(@fa-var-pencil);
			}
			.blockLink[href*="connected-accounts"]::before {
				.m-faIcon(@fa-var-network-wired);
			}
			.blockLink[href*="following"]::before {
				.m-faIcon(@fa-var-users);
			}
			.blockLink[href*="ignored"]::before {
				.m-faIcon(@fa-var-user-times);
			}
			.blockLink[href*="logout"]::before {
				.m-faIcon(@fa-var-sign-out);
			}
		}
	}
}
</xf:if>]]></template>
    <template title="core_menu.less" type="public" addon_id="XF" version_id="2030670" version_string="2.3.6"><![CDATA[// ###################################### MENUS ######################

@_menu-arrowSize: 8px;
@_menu-edgePadding: @xf-pageEdgeSpacer;
@_menu-paddingV: @xf-paddingMedium;
@_menu-closePaddingH: @xf-paddingLarge;
@_menu-paddingH: @xf-paddingLargest;

.menuTrigger
{
	cursor: pointer;

	&:after
	{
		.m-menuGadget();
	}
}

.menuOutsideClicker
{
	position: fixed;
	display: none;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2; // above non set stuff but below anything intentionally set

	&.is-active
	{
		display: block;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}
}

.menu
{
	.m-transitionCubic();

	position: absolute;
	z-index: @zIndex-2;
	margin: @_menu-arrowSize 0 0;
	min-width: 240px;
	max-width: 320px;
	border-radius: @xf-menuBorderRadius;

	.m-dropShadow(0, 0, 30px, 0, .12);

	&.menu--structural
	{
		margin-top: 0;

		// when menus nudge up against structure, the joined corner should not be radiused
		&.menu--left
		{
			border-top-left-radius: 0;
		}
		&.menu--right
		{
			border-top-right-radius: 0;
		}
	}

	&.menu--superWide
	{
		width: 75%;
		max-width: calc(~'100% - @{xf-pageEdgeSpacer}');
	}

	&.menu--veryWide
	{
		width: 500px;
		max-width: calc(~'100% - @{xf-pageEdgeSpacer}');
	}

	&.menu--wide
	{
		width: 350px;
		max-width: calc(~'100% - @{xf-pageEdgeSpacer}');
	}

	&.menu--medium
	{
		width: 300px;
		max-width: calc(~'100% - @{xf-pageEdgeSpacer}');
	}

	&.menu--potentialFixed
	{
		z-index: @zIndex-4;
	}
}

.menu-arrow
{
	display: none;
	position: absolute;
	width: 0;
	height: 0;
	border: 0 solid transparent;

	top: -@_menu-arrowSize;
	-ltr-rtl-left: 50%;
	-ltr-rtl-margin-left: -@_menu-arrowSize;
	.m-triangleUp(@xf-menuFeatureBorderColor, @_menu-arrowSize);

	.menu--structural &
	{
		top: -@_menu-arrowSize;
	}

	.menu--up &
	{
		display: none;
	}
}

.menu-content
{
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;
	.xf-menu();
	border-radius: @xf-menuBorderRadius;

	// potentially fixed menus
	.menu--potentialFixed &
	{
		overflow: auto;
		max-height: 450px;
		max-height: 80vh;
	}

	> :last-child
	{
		border-bottom-left-radius: @xf-menuBorderRadius;
		border-bottom-right-radius: @xf-menuBorderRadius;
	}
}

.menu--pageJump
{
	width: auto;
	min-width: 0;
}

.menu-header
{
	padding: @xf-blockPaddingV @_menu-paddingH;
	margin: 0;
	font-weight: @xf-fontWeightNormal;
	text-decoration: none;
	.xf-menuHeader();

	.m-clearFix();
	.m-hiddenLinks();

	&.menu-header--small
	{
		font-size: @xf-fontSizeNormal;
	}

	&.menu-header--sticky
	{
		position: sticky;
		top: 0;
	}

	.menu-desc
	{
		color: fade(@xf-menuHeader--color, 70);
		.m-textColoredLinks();
	}
}

.menu-desc
{
	display: block;
	font-size: @xf-fontSizeSmaller;
	font-weight: @xf-fontWeightNormal;
}

.menu-tabHeader
{
	padding: 0;
	margin: 0;
	font-weight: @xf-fontWeightNormal;
	text-decoration: none;
	.xf-menuTabHeader();
	.m-tabsTogether(xf-default(@xf-menuTabHeader--font-size, @xf-fontSizeNormal));

	.tabs-tab
	{
		padding: @xf-blockPaddingV @_menu-paddingH max(0px, (@xf-blockPaddingV - @xf-borderSizeFeature));
		border-bottom: @xf-borderSizeFeature solid transparent;

		&:hover
		{
			color: @xf-blockMinorTabHeaderSelected--color;
		}

		&.is-active
		{
			.xf-menuTabHeaderSelected();
		}
	}

	.tabs-text
	{
		padding: @xf-blockPaddingV @_menu-paddingH max(0px, (@xf-blockPaddingV - @xf-borderSizeFeature));
		border-bottom: @xf-borderSizeFeature solid transparent;
	}

	.hScroller-action
	{
		.m-hScrollerActionColorVariation(
			xf-default(@xf-menuTabHeader--background-color, transparent),
			xf-default(@xf-menuTabHeader--color, ~""),
			xf-default(@xf-blockMinorTabHeaderSelected--color, ~"")
		);
	}
}

.menu-scroller
{
	overflow: auto;
	max-height: 300px;
	max-height: 60vh;
	-webkit-overflow-scrolling: touch;

	.menu-row + &
	{
		border-top: @xf-borderSize solid @xf-borderColorLight;
	}
}

.menu-row
{
	margin: 0;
	padding: @_menu-paddingV @_menu-paddingH;
	.m-clearFix();

	&.menu-row--alt
	{
		.xf-contentAltBase();
	}

	&.menu-row--highlighted
	{
		background: fade(@xf-contentAltBg, 50%);
		color: @xf-contentAltBase--color;
	}

	&.menu-row--close
	{
		padding-left: @_menu-closePaddingH;
		padding-right: @_menu-closePaddingH;
	}

	&.menu-row--separated
	{
		+ .menu-row
		{
			border-top: @xf-borderSize solid @xf-borderColorLight;
		}
	}

	&.menu-row--clickable:hover
	{
		background: @xf-contentAltBg;
	}

	&:empty
	{
		padding: 0;
	}
}

.menu-linkRow
{
	display: block;
	padding: @_menu-paddingV @_menu-paddingH @_menu-paddingV (@_menu-paddingH - @xf-borderSizeFeature);
	.xf-menuLinkRow();

	&.menu-linkRow--alt
	{
		.xf-contentAltBase();
	}

	&.is-selected,
	&:hover,
	&:focus
	{
		.xf-menuLinkRowSelected();

		&:focus
		{
			outline: 0;
		}

		&.is-selected
		{
			border-left-color: @xf-borderColorFeature;
		}
	}

	&.is-hidden
	{
		display: none;
	}

	i.fa--xf
	{
		font-size: @xf-fontSizeSmall;
		display: inline-block;
		width: 23px; // about 1.75em at this font size

		& ~ .menu-linkRow-hint
		{
			padding-left: 23px;
		}
	}

	&:hover i.fa--xf:after
	{
		color: @xf-linkHoverColor;
	}
}

.menu-linkRow-hint
{
	font-style: inherit;
	font-size: @xf-fontSizeSmallest;
	color: @xf-textColorMuted;
	display: block;
}

.menu-separator
{
	margin: 0 (@_menu-paddingH / 2);
	padding: 0;
	border: none;
	border-top: @xf-borderSize solid @xf-borderColorLight;

	&.menu-separator--hard
	{
		margin: 0;
	}

	& + .menu-separator,
	&:last-child
	{
		display: none;
	}
}

.menu-footer
{
	padding: @xf-blockPaddingV @_menu-paddingH;
	.xf-menuFooter();
	.m-clearFix();

	&.menu-footer--close
	{
		padding-left: @_menu-closePaddingH;
		padding-right: @_menu-closePaddingH;
	}

	&:not(.menu-footer--split)
	{
		.menu-footer-counter
		{
			float: left;
		}

		.menu-footer-controls
		{
			float: right;
		}
	}

	&.menu-footer--split
	{
		display: flex;
		align-items: center;

		.menu-footer-main,
		.menu-footer-counter
		{
			flex-grow: 1;
		}

		.menu-footer-select:not(:last-child)
		{
			margin: 0 1em;
		}

		.menu-footer-opposite,
		.menu-footer-controls
		{
			margin-left: auto;
		}
	}
}

.menu .block
{
	margin: 0;

	.block-container
	{
		color: inherit;
		background: none;
		border: none;
		border-radius: 0;

		> .block-header:first-child
		{
			display: none;
		}
	}

	.block-body
	{
		border-radius: 0;
	}
}]]></template>
    <template title="core_pagenav.less" type="public" addon_id="XF" version_id="2030670" version_string="2.3.6"><![CDATA[// ####################################### PAGE NAVIGATION ########################

@_page-paddingV: 7px;
@_page-paddingH: (@xf-paddingLarge + 3px);
@_page-paddingHSimple: 10px;

.pageNavWrapper {}

.m-pageNavElCore()
{
	white-space: nowrap;

	.xf-blockBorder();
	.xf-pageNavBase();
	font-weight: 500;
	border-radius: 15px;
    box-shadow: none;

	&:hover,
	&:active
	{
		//background: xf-intensify(@xf-contentHighlightBg, 3%);
		background: @xf-contentAccentBg;
		color: @xf-textColorAccentContent;
		text-decoration: none;
	}
}

.pageNav-jump
{
	display: inline-block;
	.m-pageNavElCore();
	border-radius: @xf-borderRadiusSmall;
	padding: @_page-paddingV @_page-paddingH;
	border-radius: @xf-blockBorderRadius;

	&:hover {
		color: @xf-textColorEmphasized;
	}
	
	&.pageNav-jump--prev:before,
	&.pageNav-jump--next:after
	{
		font-size: 80%;
		unicode-bidi: isolate; // maintain position in RTL with LTR text
	}

	&.pageNav-jump--prev:before
	{
		.m-faContent(@fa-var-solid-caret-left, false, ltr); // .61em
		.m-faContent(@fa-var-solid-caret-right, false, rtl); // .61em
		margin-right: .15em;
	}

	&.pageNav-jump--next:after
	{
		.m-faContent(@fa-var-solid-caret-right, false, ltr); // .61em
		.m-faContent(@fa-var-solid-caret-left, false, rtl); // .61em
		margin-left: .15em;
	}
}

.pageNav-main
{
	.m-listPlain();
	display: inline-table;
}

.pageNav-page
{
	display: table-cell;
	.m-pageNavElCore();

	&:not(:last-child)
	{
		border-right: 3px solid @xf-pageBg;
	}

	&:not(:first-child)
	{
		border-right: 3px solid @xf-pageBg;
	}

	> a
	{
		display: block;
		padding: @_page-paddingV @_page-paddingH;
		text-decoration: none;
		color: inherit;
	}

	&.pageNav-page--current
	{
		.xf-pageNavCurrent();

		cursor: pointer;

		&:hover,
		&:active
		{
			background: @xf-paletteAccent2;
			color: @xf-textColorAccentContent;
		}

		+ .pageNav-page
		{
			border-left: none;
		}
	}
}

// Hide relative page numbers on narrow devices when we have a skip entry as we don't necessarily have space.
@media (max-width: @xf-responsiveNarrow)
{
	.pageNav--skipStart
	{
		.pageNav-page.pageNav-page--earlier
		{
			display: none;
		}
	}

	.pageNav--skipEnd
	{
		.pageNav-page.pageNav-page--later
		{
			display: none;
		}

		.pageNav-page.pageNav-page--skipEnd
		{
			border-left: none;
		}
	}
}

// ########################### SIMPLE PAGE NAV VARIANT ########################

.pageNavSimple
{
	display: inline-flex;
}

.pageNavSimple-el
{
	display: inline-block;
	border-radius: @xf-blockBorderRadius;
	padding: @_page-paddingV @_page-paddingHSimple;
	font-size: @xf-fontSizeSmall;
	text-align: center;
	white-space: nowrap;
	margin-right: 4px;

	&:last-child
	{
		margin-right: 0;
	}

	&.pageNavSimple-el--current
	{
		.xf-contentAccentBase();

		&:hover,
		&:active
		{
			background: xf-intensify(@xf-contentAccentBg, 3%);
			text-decoration: none;
		}
	}

	&.pageNavSimple-el--prev,
	&.pageNavSimple-el--next
	{
		.xf-contentHighlightBase();
		min-width: 75px;

		@media (max-width: 350px)
		{
			min-width: 0;
		}

		&:hover,
		&:active
		{
			background: xf-intensify(@xf-contentHighlightBg, 3%);
			text-decoration: none;
		}
	}

	&.pageNavSimple-el--prev i:before
	{
		.m-faContent(@fa-var-solid-caret-left, false, ltr); // , .44em
		.m-faContent(@fa-var-solid-caret-right, false, rtl); // , .44em
	}

	&.pageNavSimple-el--next i:before
	{
		.m-faContent(@fa-var-solid-caret-right, false, ltr); // , .44em
		.m-faContent(@fa-var-solid-caret-left, false, rtl); // , .44em
	}

	&.pageNavSimple-el--first,
	&.pageNavSimple-el--last
	{
		border-color: transparent;
		padding-left: (@_page-paddingHSimple / 2);
		padding-right: (@_page-paddingHSimple / 2);
		color: fade(@xf-linkColor, 60%);

		&:hover,
		&:active
		{
			.xf-blockBorder();
			background: xf-intensify(@xf-contentHighlightBg, 3%);
			color: @xf-contentHighlightBase--color;
			text-decoration: none;
		}
	}

	&.pageNavSimple-el--first i:before
	{
		.m-faContent(@fa-var-solid-backward, false, ltr); // 1em
		.m-faContent(@fa-var-solid-forward, false, rtl); // 1em
	}

	&.pageNavSimple-el--last i:before
	{
		.m-faContent(@fa-var-solid-forward, false, ltr); // 1em
		.m-faContent(@fa-var-solid-backward, false, rtl); // 1em
	}

	&.is-disabled
	{
		border-color: transparent;
		background: none;
		color: @xf-textColorMuted;
		text-decoration: none;
		pointer-events: none;

		&:hover
		{
			background: none;
			color: @xf-textColorMuted;
		}
	}
}

// #################### DISPLAY VARIANTS #########################

.pageNavWrapper--simple
{
	.pageNav
	{
		display: none;
	}
}

.pageNavWrapper--full
{
	.pageNavSimple
	{
		display: none;
	}
}

.pageNavWrapper--mixed
{
	.pageNavSimple
	{
		display: none;
	}

	@media (max-width: @xf-responsiveMedium)
	{
		.pageNav
		{
			display: none;
		}

		.pageNavSimple
		{
			display: inline-flex;
		}
	}
}

// Hide any block page nav that goes before the block as we will be wasting vertical space.
@media (max-width: @xf-responsiveNarrow)
{
	.block-outer:not(.block-outer--after) .pageNavWrapper:not(.pageNavWrapper--forceShow)
	{
		display: none;
	}

	// this is a sanity check in case .block-outer--after is forgotten
	.block-container + .block-outer .pageNavWrapper
	{
		display: block;
	}
}]]></template>
    <template title="core_pikaday.less" type="public" addon_id="" version_id="2020070" version_string="2.2.0"><![CDATA[@pd-text-color: @xf-textColor;
@pd-title-color: @xf-linkColor;
@pd-title-bg: @xf-contentBg;
@pd-picker-bg: @xf-contentBg;
@pd-picker-border: @xf-borderColor;
@pd-picker-border-radius: @xf-borderRadiusMedium;
@pd-th-color: @xf-textColorDimmed;
@pd-day-color: @xf-textColor;
@pd-day-bg: @xf-contentAltBg;
@pd-day-hover-color: @xf-textColorEmphasized;
@pd-day-hover-bg: @xf-contentAccentBg;
@pd-day-today-color: @xf-textColorFeature;
@pd-day-selected-color: @xf-textColorEmphasized;
@pd-day-selected-bg: @xf-contentHighlightBg;
@pd-day-selected-shadow: transparent;
@pd-day-disabled-color: @xf-textColor;
@pd-week-color: @xf-textColorMuted;
@pd-range-color: @xf-textColorAccentContent;
@pd-range-bg: @xf-contentAccentBg;
@pd-range-border: @xf-borderColorAccentContent;

.pika-single {
	z-index: 9999;
	display: block;
	position: relative;
	color: @pd-text-color;
	background: @pd-picker-bg;
	border: 1px solid;
	border-color: @pd-picker-border;
	border-radius: @pd-picker-border-radius;

	&.is-hidden {
		display: none;
	}

	&.is-bound {
		position: absolute;
		.m-dropShadow(0, 5px, 10px, 0, .25);
	}
}

// clear child float (pika-lendar), using the famous micro clearfix hack
// http://nicolasgallagher.com/micro-clearfix-hack/
.pika-single {
	*zoom: 1;

	&:before,
	&:after {
		content: " ";
		display: table;
	}

	&:after { clear: both }
}

.pika-lendar {
	float: left;
	width: 240px;
	margin: 8px;
}

.pika-title {
	position: relative;
	text-align: center;

	select {
		cursor: pointer;
		position: absolute;
		z-index: 9998;
		margin: 0;
		left: 0;
		top: 5px;
		filter: alpha(opacity=0);
		opacity: 0;
	}
}

.pika-label {
	display: inline-block;
	*display: inline;
	position: relative;
	z-index: 9999;
	overflow: hidden;
	margin: 0;
	padding: 5px 3px;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: @pd-title-color;
	background-color: @pd-title-bg;
}

.pika-prev,
.pika-next
{
	display: block;
	cursor: pointer;
	position: relative;
	outline: none;
	background: none;
	border: 0;
	padding: 0;
	width: 20px;
	height: 30px;
	white-space: nowrap;
	overflow: hidden;
	opacity: .5;
	font-size: 0;
	color: @pd-title-color;
	background-color: @pd-title-bg;

	&::before
	{
		.m-faBase();
		font-size: @xf-fontSizeLarge;
		vertical-align: middle;
		display: inline-block;
		margin: -4px 6px -4px 0;
	}

	&:hover {
		opacity: 1;
	}

	&.is-disabled {
		cursor: default;
		opacity: .2;
	}
}

.pika-prev
{
	&::before
	{
		.m-faContent(@fa-var-caret-left, .4375em, ltr);
		.m-faContent(@fa-var-caret-right, .4375em, rtl);
	}
}

.pika-next
{
	&::before
	{
		.m-faContent(@fa-var-caret-right, .4375em, ltr);
		.m-faContent(@fa-var-caret-left, .4375em, rtl);
	}
}

.pika-prev {
	float: left;
	*left: 0;
}

.pika-next {
	float: right;
	*right: 0;
}

.pika-select {
	display: inline-block;
	*display: inline;
}

.pika-table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	border: 0;

	th,
	td {
		width: 14.285714285714286%;
		padding: 0;
	}

	th {
		color: @pd-th-color;
		font-size: 12px;
		line-height: 25px;
		font-weight: bold;
		text-align: center;
	}

	abbr {
		border-bottom: none;
	}
}

.pika-button {
	cursor: pointer;
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
	border: 0;
	margin: 0;
	width: 100%;
	padding: 5px;
	color: @pd-day-color;
	font-size: 12px;
	line-height: 15px;
	text-align: right;
	background: @pd-day-bg;

	.is-today & {
		color: @pd-day-today-color;
		font-weight: bold;
	}

	.is-inrange &,
	.is-startrange &,
	.is-endrange & {
		color: @pd-range-color;
		background: @pd-range-bg;
	}

	.is-startrange &
	{
		.m-borderLeftRadius(3px);
		border-left: 2px solid @pd-range-border;
	}

	.is-endrange &
	{
		.m-borderRightRadius(3px);
		border-right: 2px solid @pd-range-border;
	}

	.is-selected & {
		color: @pd-day-selected-color;
		font-weight: bold;
		background: @pd-day-selected-bg;
		box-shadow: inset 0 1px 3px @pd-day-selected-shadow;
		border-radius: 3px;
	}

	.is-disabled &,
	.is-outside-current-month & {
		pointer-events: none;
		cursor: default;
		color: @pd-day-disabled-color;
		opacity: .3;
	}

	&:hover {
		color: @pd-day-hover-color;
		background: @pd-day-hover-bg;
		box-shadow: none;
		border-radius: 3px;
	}
}

.pika-week {
	font-size: 11px;
	color: @pd-week-color;
}

.pika-time-container {
	clear: both;
}

.pika-time {
	margin: 7px auto 7px;
}]]></template>
    <template title="core_tab.less" type="public" addon_id="XF" version_id="2030670" version_string="2.3.6"><![CDATA[// ################################## TABS ####################################

.tabs
{
	display: flex;

	&.tabs--wrappable
	{
		flex-wrap: wrap;
	}

	&.tabs--right
	{
		float: right;
		position: relative;
		margin-left: auto;
		align-self: center;
		white-space: nowrap;
	}
}

.tabs-tab
{
	display: inline-block;
	cursor: pointer;
	white-space: nowrap;
	color: inherit;
	font-weight: inherit;
	text-decoration: none;
	.m-transition();

	&:hover
	{
		text-decoration: none;
	}

	&:focus-visible
	{
		outline-offset: -1px;
	}
}

.tabs-extra
{
	position: relative;
	margin-left: auto;
	padding: 0 @xf-blockPaddingH 0 @xf-paddingMedium;
	align-self: center;
	white-space: nowrap;

	&.tabs-extra--minor
	{
		font-size: @xf-fontSizeSmall;
	}

	a
	{
		color: inherit;
		text-decoration: none;
		display: block;
		padding: @xf-paddingMedium;
		margin-right: (@xf-paddingMedium * -1);
	}
}

.tabPanes
{
	.m-listPlain();

	> li
	{
		display: none;

		&.is-active
		{
			display: block;
		}
	}
}

// ################################# OUTER TABS #########################

.tabs--standalone
{
	padding: 0;
	margin-bottom: @xf-elementSpacer;
	font-weight: @xf-fontWeightNormal;
	.xf-blockBorder();
	.xf-standaloneTab();
	.m-tabsTogether(xf-default(@xf-standaloneTab--font-size, @xf-fontSizeNormal));

	&.tabs--standalone--closer
	{
		margin-bottom: @xf-paddingMedium;
	}

	&.tabs--standalone--small
	{
		.m-tabsTogether(@xf-fontSizeSmall);
	}

	&.tabs--standalone--inline
	{
		display: inline-block;
		margin-bottom: 0;
	}

	.tabs-tab
	{
		padding: 9px 10px 6px;
		border-bottom: 3px solid hsla(0,0%,0%,0);
		border-radius: 25px;

		&:hover
		{
			color: @xf-linkColor;
			background: fade(@xf-linkColor, 5%);
		}

		&.is-active
		{
			.xf-standaloneTabSelected();
		}
	}

	.hScroller-action
	{
		.m-hScrollerActionColorVariation(
			xf-default(@xf-standaloneTab--background-color, transparent),
			xf-default(@xf-standaloneTab--color, ~""),
			xf-default(@xf-standaloneTabSelected--color, ~"")
		);
	}
}

@media (max-width: @xf-responsiveEdgeSpacerRemoval)
{
	.tabs--standalone
	{
		margin-left: (@xf-pageEdgeSpacer * -1);
		margin-right: (@xf-pageEdgeSpacer * -1);
		border-radius: 0;

		.tabs--standalone:not(.tabs--right)
		{
			border-left: none;
			border-right: none;
		}

		.tabs--right&
		{
			margin: 0;
		}
	}
}]]></template>
    <template title="dt_sidebar_login" type="public" addon_id="" version_id="0" version_string=""><![CDATA[<xf:if contentcheck="true">
	<div class="blockMessage blockMessage--error blockMessage--iconic">
		<xf:contentcheck>{$error}</xf:contentcheck>
	</div>
</xf:if>

<div class="blocks blocks--login">
	<xf:form action="{{ link('login/login') }}" class="block">
		<div class="block-container">
			<h3 class="block-minorHeader">
				{{ phrase('log_in') }}
			</h3>
			<div class="block-body">
				<div class="block-row">
				<xf:textboxrow name="login" value="{$login}" autocomplete="username"
					label="{{ phrase('your_name_or_email_address') }}" />

				<xf:textboxrow name="password" type="password" autocomplete="current-password"
					label="{{ phrase('password') }}">

					<xf:html>
						<a href="{{ link('lost-password') }}" data-xf-click="overlay">{{ phrase('forgot_your_password') }}</a>
					</xf:html>
				</xf:textboxrow>

				<xf:if is="$captcha">
					<xf:captcharow label="{{ phrase('verification') }}" force="true" />
				</xf:if>

				<xf:checkboxrow>
					<xf:option name="remember" selected="true">{{ phrase('stay_logged_in') }}</xf:option>
				</xf:checkboxrow>
					<xf:submitrow icon="login" />
					
				<xf:if is="$xf.options.registrationSetup.enabled">
					<div class="block-outer block-outer--after block-outer--register">
						<div class="block-outer-middle">
							{{ phrase('dont_have_account_question') }} <xf:button href="{{ link('register') }}">{{ phrase('register_now') }}</xf:button>
						</div>
					</div>
				</xf:if>
					
				</div>
			</div>
			
		</div>

	</xf:form>
</div>]]></template>
    <template title="extra.less" type="public" addon_id="XF" version_id="2030670" version_string="2.3.6"><![CDATA[/* Ïîäêëþ÷åíèå Font Awesome 6 */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css');

/* Èëè äëÿ ñîâìåñòèìîñòè ñ âàøèì êîäîì */
.svgPrefix:before {
  font-family: 'Font Awesome 6 Free', 'Font Awesome 6 Pro', sans-serif;
  font-weight: 900;
}
/* xf2_santa_hat=================================================================================== */
/* <xf:set var="$santaHatPath" value="styles/xfi/santaHat" /> */
.message-avatar-wrapper {
    .avatar {
        &:before {
          background: transparent url('{$santaHatPath}/santa_hat.png') no-repeat;
          content: "";
          display: block;
          height: 50px;
          position: absolute;
          right: -15px;
          top: -19px;
          width: 44px;
          z-index: 99;
            @media (max-width: @xf-responsiveMedium)
            {
                display: none;
            }
        }
    }
}

.p-body-pageContent .block--category .block-header {
    position: sticky;
}



.p-header-logo--before {
    background-image: url(styles/fury/img/logobg.jpg) !important;
    background-color: transparent !important;
    background-size: 100% !important;
    background-position: center top !important;
}
.p-header-logo--before::after {
	display:none;
}
.p-body-sidebar .block-minorHeader {
    font-size: 17px;
    color: #fff;
    font-weight: 700;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
}
.osnov {
    background: url(../styles/fury/img/ban.svg);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none
}

.avalon {
    background: url(../styles/fury/img/avalon.svg);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none
}

.piar {
    background: url(https://i.postimg.cc/t45YYnx5/piar.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none
}

.arizonaBanner {
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex;
    &.vladelec {
        background: url(../img/banners/Âëàäåëåö.svg);
    }
    &.deputy_vladelec {
        background: url(../img/banners/Çàìåñòèòåëü_Âëàäåëüöà.svg);
    }
    &.techadm {
        background: url(../img/banners/Òåõíè÷åñêèé_Àäìèíèñòðàòîð.svg);
    }
    &.gl_adm {
        background: url(../img/banners/Ãëàâíûé_Àäìèíèñòðàòîð.svg);
    }
    &.zga {
        background: url(../img/banners/Çàìåñòèòåëü_ÃÀ.svg);
    }
    &.curator {
        background: url(../img/banners/Êóðàòîð.svg);
    }
    &.gl_sled {
        background: url(../img/banners/Ãëàâíûé_ñëåäÿùèé.svg);
    }
    &.deputy_gl_sled {
        background: url(../img/banners/Çàì__Ãëàâíîãî_ñëåäÿùåãî.svg);
    }
    &.sled_ghetto {
        background: url(../img/banners/Ñëåäÿùèé_çà_Ãåòòî.svg);
    }
    &.sled_gos {
        background: url(../img/banners/Ñëåäÿùèé_çà_Ãîññ.svg);
    }
    &.sled_mafia {
        background: url(../img/banners/Ñëåäÿùèé_çà_Ìàôèåé.svg);
    }
    &.sled_oprs {
        background: url(../img/banners/Ñëåäÿùèé_çà_îïðîâåðæåíèÿìè.svg);
	}
	&.gltechadm {
    	background: url(../img/banners/Ãë__Òåõ_Àäìèíèñòðàòîð.svg);
    }
    &.admin {
        background: url(../img/banners/Àäìèíèñòðàòîð.svg);
    }
	&.rukovod {
        background: url(../img/banners/Ðóêîâîäèòåëü.svg);
    }
    &.ml_admin {
        background: url(../img/banners/Ìëàäøèé_Àäìèíèñòðàòîð.svg);
    }
    &.helper {
        background: url(../img/banners/Õåëïåð.svg);
    }
    &.zam_osn {
        background: url(../img/banners/Çàìåñòèòåëü__îñíîâàòåëÿ.svg);
    }
	 &.osnovatel {
        background: url(../img/banners/Îñíîâàòåëü.svg);
    }
    &.user {
        background: url(../img/banners/Ïîëüçîâàòåëü.svg);
    }
    &.pom_vladelec {
        background: url(../img/banners/pom_vladelec.svg);
	}
	 &.developer {
        background: url(../img/banners/Ðàçðàáîò÷èê.svg);
	}
	&.specadm {
        background: url(../img/banners/Ñïåöèàëüíûé_Àäìèíèñòðàòîð.svg);
    }
    &.lider {
        background: url(../img/banners/Ëèäåð.svg);
    }
    &.blata-net {
        background: url(../img/banners/Áëàòà_íåò.svg);
    }
	&.avtor {
        background: url(../img/banners/Àâòîðèòåò.svg);
    }
	&.admin_forum {
        background: url(../img/banners/Àäìèíèñòðàòîð_Ôîðóìà.svg);
    }
	&.gg {
        background: url(../img/banners/13_gg.svg);
	}	
	&.piar {
        background: url(../img/banners/Ïèàð_ìåíåäæåð.svg);
    }
	&.owner {
        background: url(../img/banners/owner.svg);
    }
	&.sled_adm {
        background: url(../img/banners/Ñëåäÿùèé_çà_àäìèíèñòðàöèåé.svg);
    }
	&.bot {
        background: url(../img/banners/Ñèñòåìíûé_Àêêàóíò.svg);
    }
	&.vladelec_custom {
        background: url(../img/banners/Vladelec.svg);
    }
	&.winston {
        background: url(../img/banners/Winston.svg);
    }
	&.st_adm {
        background: url(../img/banners/Ñòàðøèé_àäìèíèñòðàòîð.svg);
    }
}


i.structItem-status.structItem-status--sticky::before { 
 color: #e03030;
}
.threadSeparator {
    font-size: 15px;
    color: #fff;
    border-bottom: 1px solid #3a4f6e;
    padding: 10px;
    background: linear-gradient(0deg, #0078af, #105275)
}

.threadSeparator.sticky {
    font-size: 15px;
    color: #0078af;
    background: rgba(0,120,175,0.1);
    border-top: 1px solid rgba(0,120,175,0.2);
    border-bottom: 1px solid rgba(0,120,175,0.3);
    padding: 10px;
    background-image: linear-gradient(0deg, rgba(0,120,175,0.1), rgba(29,47,65,0.55))
}

.structItemContainer.sticky {
    background-color: rgba(0,120,175,0.1)
}

.structItemContainer.sticky .structItem {
    border-bottom: 1px solid rgba(0,120,175,0.2)
}

.structItemContainer .block-minorHeader.uix_threadListSeparator {
    display: none
}

.threadSeparator:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f05a";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    padding: 0 3px 0 0
}

.threadSeparator.sticky:before {
    content: "\f06a";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.structItem.structItem--thread.is-sticked {
    background-color: rgba(216,67,21,0.12)
}

.structItem.structItem--thread.is-sticked .structItem-status--sticky:before {
    color: #0078af
}

.structItem.structItem--thread.is-locked {
    background-color: #1f2b3b;
    background-image: linear-gradient(-45deg, #243245 25%, transparent 0, transparent 50%, #243245 0, #243245 75%, transparent 0);
    background-size: .8em .8em
}

.structItem.structItem--thread.is-locked.is-sticked {
    background-color: rgba(216,67,21,0.12);
    background-image: linear-gradient(-45deg, transparent 25%, rgba(216,67,21,0.2) 0, rgba(216,67,21,0.2) 50%, transparent 0, transparent 75%, rgba(216,67,21,0.2) 0)
}

.structItem.structItem--thread.is-locked .structItem-status--locked:before {
    color: #0078af
}
.block-body .node {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.block-body .node:hover {
    transform: scale(1.015)
}
.p-body-pageContent .block--category .block-header {
    position: inherit
}

.block--category .collapseTrigger:not(.button) {
    position: absolute;
    top: auto;
    right: 10px;
    cursor: pointer;
    transform: translateY(-100%);
}
.discu-minorHeader span.discu-minorHeader--stats {
    text-align: unset;
    padding: 0px;
}
.p-body-sidebar .blocks.blocks--login .formRow .formSubmitRow-controls {
    text-align: center;
}
//Ðàäóæíûé íèê
@keyframes AnimNic {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
//Ïðåôèêñû òåñò
@svgPrefixBorderRadius: @xf-borderRadiusSmall; // Ðàäèóñ ïðåôèêñîâ
@svgPrefixFontFamily: inherit;                 // Ñåìåéñòâî øðèôòà ïðåôèêñà
@svgPrefixColorGradient: rgba(0,0,0,.4);       // Öâåò ãðàäèåíòà ïðèôèêñà
@svgPrefixTextShadow: rgba(0,0,0,.5);          // Öâåò òåíè ïðåôèêñà

.svgLabelPrefix(@prefix-name, @prefix-color, @prefix-icon: "none") {
    .svgPrefix, .label.svgPrefix {
        font-family: @svgPrefixFontFamily;
        font-size: 70%;
        font-weight: 500;
        display: inline-flex;
        text-align: center;
        align-items: center;
        text-transform: uppercase;
        line-height: ((@xf-lineHeightDefault) * .9);
        padding: .25em .5em;
        border: none;
        border-radius: @svgPrefixBorderRadius;
        position: relative;
        white-space: nowrap;
        .fsp & {
            margin-right: 5px;
        }
        .menuPrefix& {
            display: inline-block;
            font-size: 1.3em;
            width: 100%;
            padding: .333em;
            a& {
                text-decoration: none;
            }
        }
        .p-title-value & {
            .p-title & {
                font-size: 70%;
            }
        }
        &:before {
            position: absolute;
            top: .25em;
            bottom: 0;
            left: .333em;
        }     
        &.@{prefix-name} {
            background: linear-gradient(135deg, @svgPrefixColorGradient 0%, @svgPrefixColorGradient 40%, transparent 40%, transparent 100%), @prefix-color;
            color: rgb(250,250,250);
            text-shadow: 1px 0 1px @svgPrefixTextShadow, 0 1px 1px @svgPrefixTextShadow, -1px 0 1px @svgPrefixTextShadow, 0 -1px 1px @svgPrefixTextShadow;
            &when (iskeyword(@prefix-icon)) {
                padding: .25em .5em .25em 1.75em;
                &:before {
                    .m-faBase();
                    content: "\@{prefix-icon}";
                }
            }
        }     
    } 
}
.svgLabelPrefix(form-submit, rgb(33, 150, 243), f46d);
.svgLabelPrefix(important, rgb(198,40,40), f06a);
.svgLabelPrefix(rozig, rgb(123,108,148), f005);
.svgLabelPrefix(congrats, rgb(210,87,223), f5a2);
.svgLabelPrefix(foradmins, rgb(104,228,228), f0f3);
.svgLabelPrefix(forplayers, rgb(195,208,22), f06a);
.svgLabelPrefix(admins, rgb(198,40,40), f508);
.svgLabelPrefix(rassm, rgb(0, 128, 0), f00c);
.svgLabelPrefix(otkaz, rgb(198,40,40), f00d);
.svgLabelPrefix(narassm, rgb(255, 255, 0), f2f9);
.svgLabelPrefix(naobr, rgb(128, 128, 128), f2f9);
.svgLabelPrefix(rule, rgb(198,40,40), f02d);
.svgLabelPrefix(info, rgb(0, 0, 255), f05a);
.svgLabelPrefix(narassmga, rgb(0, 0, 255), f2f9);
.svgLabelPrefix(narassmspec, rgb(198,40,40), f2f9);
.svgLabelPrefix(unlock, rgb(0, 128, 0), f3c1);
.svgLabelPrefix(lock, rgb(198,40,40), f023);
.svgLabelPrefix(ticket, rgb(255, 255, 0), f145);
.svgLabelPrefix(zayavka, rgb(255, 192, 203), f022);

.linkHub {
    margin: 12px 0 18px;
    border-radius: 12px;
    background: #1f2b3b;
    border: 1px solid #2b3b52;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
    overflow: hidden
}

.linkHub-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 14px;
    gap: 8px;
    border-bottom: 1px solid rgba(43,59,82,0.5)
}

.linkHub-title {
    font-weight: 600;
    letter-spacing: .02em
}

.linkHub-body {
    padding: 10px
}

.linkHub-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px
}

@media (max-width: 1000px) {
    .linkHub-grid {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (max-width: 600px) {
    .linkHub-grid {
        grid-template-columns:1fr
    }
}

.linkHub-item {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 10px;
    background: #131c2a;
    border: 1px solid #31435d;
    color: #dbe7ff;
    text-decoration: none;
    overflow: hidden;
    transition: all .3s ease;
    backface-visibility: hidden;
    will-change: transform
}

.linkHub-item::before {
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: inherit;
    background: linear-gradient(270deg, #1e3c72, #2a5298, #256d85, #2a5298, #1e3c72);
    background-size: 400% 400%;
    transform: translateX(-100%);
    transition: transform .4s ease;
    z-index: 0
}

.linkHub-item:hover {
    border-color: transparent;
    box-shadow: 15 15 15px rgba(37,109,133,0.8),25 25 25px rgba(42,82,152,0.7),35 35 35px rgba(30,60,114,0.6)
}

.linkHub-body {
    padding: 10px
}

.linkHub-item:hover::before {
    transform: translateX(0);
    animation: gradientMove 4s ease infinite
}

.linkHub-ico,.linkHub-text {
    position: relative;
    z-index: 1
}

.linkHub-ico {
    width: 28px;
    height: 28px;
    min-width: 28px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    background: #1b2a41;
    color: #cfe3ff;
    font-size: 14px;
    box-shadow: inset 0 -2px 0 rgba(0,0,0,0.2)
}

.linkHub-text {
        font-size: 14px;
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@keyframes gradientMove {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}
.liquidWidget {
    background: rgba(255, 255, 255, 0.08); /* ïîëóïðîçðà÷íûé ôîí */
    backdrop-filter: blur(12px); /* ýôôåêò ìàòîâîãî ñòåêëà */
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 20px;
    padding: 20px;
    text-align: center;
    box-shadow: 0 4px 25px rgba(0, 0, 0, 0.25);
    margin-bottom: 20px;
}

.liquidBanner {
    max-width: 100%;
    border-radius: 15px;
    margin-bottom: 15px;
    opacity: 0.95; /* ñëåãêà ïðîçðà÷íàÿ */
}

.liquidTitle {
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 10px;
}

.liquidText {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.85);
}

/* Óáèðàåì èêîíêè Font Awesome ó ñïèñêîâ â áëîêå ñ êëàññîì fa--xf */
.fa--xf.far.fa-comments:before,
li .fa--xf.far.fa-comments:before {
  display: none !important;
  content: "" !important;
}

/* Èëè ó âñåõ èêîíîê â ñïèñêàõ */
ul li .fa--xf:before,
ol li .fa--xf:before {
  display: none !important;
}

/* Óáèðàåì èêîíêè ññûëîê (fa-link) ó ñïèñêîâ */
.fa--xf.far.fa-link:before,
.fa--xf.fa-link:before,
li .fa--xf.fa-link:before {
  display: none !important;
  content: "" !important;
}

/* Èëè óáðàòü âñå èêîíêè â ñïèñêàõ îïðåäåë¸ííîãî áëîêà */
.threadSeparator .fa--xf:before,
.node-body .fa--xf:before {
  display: none !important;
}

/* Óáèðàåì èêîíêó ïåðåêëþ÷àòåëÿ òåìû (fa-adjust) */
.fa--xf.far.fa-adjust:before,
.fa--xf.fa-adjust:before {
  display: none !important;
  content: "" !important;
}

/* Óáèðàåì äóáëè â ìåíþ âûáîðà òåìû */
.js-styleVariationsMenu .fa--xf.fa-adjust:before,
.js-styleVariationsMenu .fa--xf.fa-sun:before,
.js-styleVariationsMenu .fa--xf.fa-moon:before {
  display: none !important;
}

/* Îñòàâëÿåì òîëüêî îäíó èêîíêó */
.js-styleVariationsMenu .fa--xf {
  position: relative;
}
.js-styleVariationsMenu .fa--xf:before {
  display: inline-block !important;
}
.js-styleVariationsMenu .fa--xf:after {
  display: none !important;
}


/* Ñêðûâàåì SVG-èêîíêó ëóíû âíóòðè Font Awesome */
.fa--xf.far.fa-moon svg,
.fa--xf.far.fa-moon use,
.fa--xf.far.fa-moon > svg {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
}

/* Îñòàâëÿåì òîëüêî Font Awesome èêîíêó */
.fa--xf.far.fa-moon:before {
  display: inline-block !important;
  content: "\f186" !important;
}

/* Ñêðûâàåì SVG âî âñåõ òð¸õ èêîíêàõ */
.fa--xf.far.fa-bolt svg,
.fa--xf.far.fa-edit svg,
.fa--xf.far.fa-moon svg,
.fa--xf.far.fa-bolt use,
.fa--xf.far.fa-edit use,
.fa--xf.far.fa-moon use {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
}

/* Óáåäèìñÿ, ÷òî Font Awesome èêîíêè îòîáðàæàþòñÿ */
.fa--xf.far.fa-bolt:before,
.fa--xf.far.fa-edit:before,
.fa--xf.far.fa-moon:before {
  display: inline-block !important;
}

/* Êîäû èêîíîê (íà âñÿêèé ñëó÷àé) */
.fa--xf.far.fa-bolt:before { content: "\f0e7" !important; } /* ìîëíèÿ */
.fa--xf.far.fa-edit:before { content: "\f044" !important; } /* êàðàíäàø */
.fa--xf.far.fa-moon:before { content: "\f186" !important; } /* ëóíà */


/* ÒÎËÜÊÎ äëÿ òð¸õ èêîíîê: ñêðûâàåì SVG, âêëþ÷àåì Font Awesome */
.fa--xf.far.fa-bolt svg,
.fa--xf.far.fa-edit svg,
.fa--xf.far.fa-moon svg {
  display: none !important;
}

/* Âêëþ÷àåì Font Awesome äëÿ ýòèõ òð¸õ èêîíîê */
.fa--xf.far.fa-bolt:before,
.fa--xf.far.fa-edit:before,
.fa--xf.far.fa-moon:before {
  font-family: 'Font Awesome 6 Free' !important;
  font-weight: 900 !important;
  display: inline-block !important;
}

/* Êîäû èêîíîê */
.fa--xf.far.fa-bolt:before { content: "\f0e7" !important; } /* ìîëíèÿ */
.fa--xf.far.fa-edit:before { content: "\f044" !important; } /* êàðàíäàø */
.fa--xf.far.fa-moon:before { content: "\f186" !important; } /* ëóíà */

/* Óáèðàåì âîçìîæíûå äóáëè */
.fa--xf.far.fa-bolt:after,
.fa--xf.far.fa-edit:after,
.fa--xf.far.fa-moon:after {
  display: none !important;
}

/* Âîññòàíàâëèâàåì èêîíêè Froala Editor */
.fr-command .fa--xf:before,
.fr-btn .fa--xf:before,
.fr-dropdown .fa--xf:before,
.fr-selection .fa--xf:before {
  font-family: 'Font Awesome 6 Free' !important;
  font-weight: 900 !important;
  display: inline-block !important;
}

/* Êîíêðåòíûå èêîíêè Froala */
.fr-command[data-cmd="removeFormat"] .fa--xf:before { content: "\f12d" !important; } /* ëàñòèê */
.fr-command[data-cmd="preview"] .fa--xf:before { content: "\f06e" !important; } /* ãëàç */
.fr-command[data-cmd="bold"] .fa--xf:before { content: "\f032" !important; } /* æèðíûé */
.fr-command[data-cmd="italic"] .fa--xf:before { content: "\f033" !important; } /* êóðñèâ */
.fr-command[data-cmd="underline"] .fa--xf:before { content: "\f0cd" !important; } /* ïîä÷¸ðêèâàíèå */

/* ÍÅ ñêðûâàåì SVG â Froala, åñëè îíè íóæíû */
.fr-command .fa--xf svg,
.fr-btn .fa--xf svg {
  display: inline-block !important; /* îñòàâëÿåì SVG */
}

/* Èëè ïðÿ÷åì òîëüêî SVG, îñòàâëÿÿ Font Awesome */
.fr-command .fa--xf:before {
  display: inline-block !important;
}
.fr-command .fa--xf svg {
  display: none !important; /* ñêðûâàåì SVG, åñëè äóáëèðóþòñÿ */
}

/* Îòìåíÿåì íàøè ïðàâêè äëÿ Froala Editor */
.fr-toolbar .fa--xf svg,
.fr-wrapper .fa--xf svg,
.fr-command .fa--xf svg {
  display: inline-block !important; /* ïîêàçûâàåì SVG */
}

.fr-toolbar .fa--xf:before,
.fr-wrapper .fa--xf:before,
.fr-command .fa--xf:before {
  display: none !important; /* ñêðûâàåì Font Awesome */
}


// 1. Óáèðàåì ôîí çàêðûòûõ òåì
.structItem.structItem--thread.is-locked {
    background-color: transparent !important;
    background: transparent !important;
}

// 2. Óáèðàåì ãðàíèöû, åñëè åñòü
.structItem.structItem--thread.is-locked,
.structItem.structItem--thread.is-locked .structItem-container {
    border-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

// 3. Óáèðàåì ëþáûå ñïåöèàëüíûå ñòèëè äëÿ çàêðûòûõ òåì
.structItem.structItem--thread.is-locked .structItem-cell {
    color: inherit !important;
    font-weight: normal !important;
}

// 4. Óáèðàåì âûäåëåíèå ïðè íàâåäåíèè, åñëè îíî îòëè÷àåòñÿ
.structItem.structItem--thread.is-locked:hover {
    background-color: @xf-contentAltBg !important;
}

// 5. Åñëè åñòü èêîíêà çàìêà - äåëàåì å¸ ìåíåå çàìåòíîé
.structItem.structItem--thread.is-locked .fa-lock:before,
.structItem.structItem--thread.is-locked [data-xf-init="tooltip"] i {
    opacity: 0.4 !important;
}

// 6. Óáèðàåì ëþáûå ïðåôèêñû èëè ìåòêè çàêðûòûõ òåì
.structItem--thread.is-locked:before,
.structItem--thread.is-locked:after {
    display: none !important;
}

/* Óáèðàåì ÂÑ¨ âûäåëåíèå ó çàêðûòûõ òåì, îñòàâëÿåì òîëüêî èêîíêó çàìêà */
.structItem.structItem--thread.is-locked {
    /* Óáèðàåì ôîí, ãðàíèöû, îòñòóïû */
    background-color: transparent !important;
    border-color: @xf-borderColor !important;
    border-width: 1px !important;
    
    /* Óáèðàåì çàòåìíåíèå è ôèëüòðû */
    opacity: 1 !important;
    filter: none !important;
    
    /* Óáèðàåì ëþáûå ñïåöèàëüíûå ýôôåêòû */
    box-shadow: none !important;
}

/* Òåêñò â çàêðûòûõ òåìàõ äåëàåì òàêèì æå, êàê â îáû÷íûõ */
.structItem.structItem--thread.is-locked .structItem-title a {
    color: @xf-linkColor !important;
    font-weight: normal !important;
}

.structItem.structItem--thread.is-locked .username {
    color: @xf-linkColor !important;
}

.structItem.structItem--thread.is-locked .structItem-minor,
.structItem.structItem--thread.is-locked .structItem-cell {
    color: @xf-textColorMuted !important;
    opacity: 1 !important;
}

/* Óáèðàåì ëþáûå äîïîëíèòåëüíûå èíäèêàòîðû, êðîìå èêîíêè çàìêà */
.structItem.structItem--thread.is-locked:before,
.structItem.structItem--thread.is-locked:after {
    display: none !important;
}

/* Îñòàâëÿåì ÒÎËÜÊÎ èêîíêó çàìêà âèäèìîé */
.structItem.structItem--thread.is-locked .structItem-iconContainer i.fa-lock {
    display: inline-block !important;
    opacity: 0.6 !important;
    color: @xf-textColorMuted !important;
}

/* Óáèðàåì äðóãèå èêîíêè-èíäèêàòîðû, åñëè åñòü */
.structItem.structItem--thread.is-locked .structItem-iconContainer i:not(.fa-lock) {
    display: none !important;
}

/* ÒÎËÜÊÎ äëÿ èêîíêè ñîëíöà: ñêðûâàåì SVG, âêëþ÷àåì Font Awesome */
.fa--xf.far.fa-sun svg {
  display: none !important;
}

/* Âêëþ÷àåì Font Awesome äëÿ èêîíêè ñîëíöà */
.fa--xf.far.fa-sun:before {
  font-family: 'Font Awesome 6 Free' !important;
  font-weight: 900 !important;
  display: inline-block !important;
  content: "\f185" !important; /* êîä ñîëíöà */
}

/* Óáèðàåì âîçìîæíûå äóáëè */
.fa--xf.far.fa-sun:after {
  display: none !important;
}

/* ÒÎËÜÊÎ äëÿ èêîíîê ñîõðàíåíèÿ è êîðçèíû: ñêðûâàåì SVG, âêëþ÷àåì Font Awesome */
.fa--xf.far.fa-save svg,
.fa--xf.far.fa-trash-alt svg {
  display: none !important;
}

/* Âêëþ÷àåì Font Awesome äëÿ ýòèõ èêîíîê */
.fa--xf.far.fa-save:before,
.fa--xf.far.fa-trash-alt:before {
  font-family: 'Font Awesome 6 Free' !important;
  font-weight: 900 !important;
  display: inline-block !important;
}

/* Êîäû èêîíîê */
.fa--xf.far.fa-save:before { content: "\f0c7" !important; } /* äèñêåòà */
.fa--xf.far.fa-trash-alt:before { content: "\f2ed" !important; } /* êîðçèíà */

/* Óáèðàåì âîçìîæíûå äóáëè */
.fa--xf.far.fa-save:after,
.fa--xf.far.fa-trash-alt:after {
  display: none !important;
}

/* Ñîöèàëüíûå èêîíêè: ñêðûâàåì SVG, âêëþ÷àåì Font Awesome */
.fa--xf.fab.fa-facebook-f svg,
.fa--xf.fab.fa-x svg,
.fa--xf.fab.fa-linkedin svg,
.fa--xf.fab.fa-reddit-alien svg,
.fa--xf.fab.fa-pinterest-p svg,
.fa--xf.fab.fa-tumblr svg,
.fa--xf.fab.fa-whatsapp svg,
.fa--xf.far.fa-envelope svg {
  display: none !important;
}

/* Âêëþ÷àåì Font Awesome */
.fa--xf.fab.fa-facebook-f:before,
.fa--xf.fab.fa-x:before,
.fa--xf.fab.fa-linkedin:before,
.fa--xf.fab.fa-reddit-alien:before,
.fa--xf.fab.fa-pinterest-p:before,
.fa--xf.fab.fa-tumblr:before,
.fa--xf.fab.fa-whatsapp:before,
.fa--xf.far.fa-envelope:before {
  font-family: 'Font Awesome 6 Brands', 'Font Awesome 6 Free' !important;
  font-weight: 400 !important;
  display: inline-block !important;
}

/* Êîäû èêîíîê (Brands) */
.fa--xf.fab.fa-facebook-f:before { content: "\f39e" !important; }
.fa--xf.fab.fa-x:before { content: "\f099" !important; } /* Twitter/X */
.fa--xf.fab.fa-linkedin:before { content: "\f0e1" !important; }
.fa--xf.fab.fa-reddit-alien:before { content: "\f281" !important; }
.fa--xf.fab.fa-pinterest-p:before { content: "\f231" !important; }
.fa--xf.fab.fa-tumblr:before { content: "\f173" !important; }
.fa--xf.fab.fa-whatsapp:before { content: "\f232" !important; }

/* Regular èêîíêà (êîíâåðò) */
.fa--xf.far.fa-envelope:before {
  font-family: 'Font Awesome 6 Free' !important;
  font-weight: 400 !important;
  content: "\f0e0" !important;
}

/* Óáèðàåì äóáëè */
.fa--xf.fab.fa-facebook-f:after,
.fa--xf.fab.fa-x:after,
.fa--xf.fab.fa-linkedin:after,
.fa--xf.fab.fa-reddit-alien:after,
.fa--xf.fab.fa-pinterest-p:after,
.fa--xf.fab.fa-tumblr:after,
.fa--xf.fab.fa-whatsapp:after,
.fa--xf.far.fa-envelope:after {
  display: none !important;
}

/* Êíîïêà âõîäà: èñïðàâëÿåì èêîíêó */
.button--icon.button--icon--login .fa--xf:before {
  font-family: 'Font Awesome 6 Free' !important;
  font-weight: 900 !important;
  display: inline-block !important;
  content: "\f2f6" !important; /* èêîíêà âõîäà (sign-in-alt) */
}

/* Ñêðûâàåì SVG â ýòîé êíîïêå */
.button--icon--login .fa--xf svg {
  display: none !important;
}

/* Óáèðàåì äóáëè */
.button--icon--login .fa--xf:after {
  display: none !important;
}

/* Êíîïêà ìåíþ: èñïðàâëÿåì èêîíêó (ñêîðåå âñåãî fa-bars èëè fa-ellipsis) */
.button--link.menuTrigger .fa--xf:before {
  font-family: 'Font Awesome 6 Free' !important;
  font-weight: 900 !important;
  display: inline-block !important;
  content: "\f013" !important; /* èêîíêà ãàìáóðãåðà (bars) */
}

/* Ñêðûâàåì SVG â ýòîé êíîïêå */
.button--link.menuTrigger .fa--xf svg {
  display: none !important;
}

/* Óáèðàåì äóáëè */
.button--link.menuTrigger .fa--xf:after {
  display: none !important;
}

/* Ñêðåïêà (paperclip) */
.fa--xf.far.fa-paperclip svg {
  display: none !important;
}

.fa--xf.far.fa-paperclip:before {
  font-family: 'Font Awesome 6 Free' !important;
  font-weight: 900 !important;
  display: inline-block !important;
  content: "\f0c6" !important; /* êîä ñêðåïêè */
}

.fa--xf.far.fa-paperclip:after {
  display: none !important;
}

/* Îòâåò (reply) */
.fa--xf.far.fa-reply svg {
  display: none !important;
}

.fa--xf.far.fa-reply:before {
  font-family: 'Font Awesome 6 Free' !important;
  font-weight: 900 !important;
  display: inline-block !important;
  content: "\f3e5" !important; /* êîä reply (solid) */
}

.fa--xf.far.fa-reply:after {
  display: none !important;
}


/* Öåíòðèðîâàííûé ñòîëáèê */
.message-userDetails {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}

/* Áàííåðû â ñòðîêó, íî ñ ïåðåíîñîì */
.message-userBanner {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 5px !important;
  margin: 5px 0 !important;
}

/* Ñòàòèñòèêà ïîä áàííåðàìè */
.message-userExtras {
  text-align: center !important;
  margin-top: 8px !important;
}

/* Èñòîðèÿ (history) */
.fa--xf.far.fa-history svg {
  display: none !important;
}

.fa--xf.far.fa-history:before {
  font-family: 'Font Awesome 6 Free' !important;
  font-weight: 900 !important;
  display: inline-block !important;
  content: "\f1da" !important; /* êîä history */
}

.fa--xf.far.fa-history:after {
  display: none !important;
}
   .p-navEl-link, .menu-linkRow {
    &:before {
        .m-faBase();
        margin-right: 5px;
        display: inline-block;
        text-align: center;
    }

    &[data-nav-id="home"]::before { .m-faContent(@fa-var-home); }
    &[data-nav-id="forums"]::before { .m-faContent(@fa-var-comments); }
    &[data-nav-id="members"]::before { .m-faContent(@fa-var-users); }
    &[data-nav-id="admin"]::before { .m-faContent(@fa-var-user-cog); }
    &[data-nav-id="knowledgeBase"]::before { .m-faContent(@fa-var-question); }
    &[data-nav-id="reports"]::before { .m-faContent(@fa-var-flag); }
    &[data-nav-id="techSection"]::before { .m-faContent(@fa-var-wrench); }
    &[data-nav-id="adminssssss"]::before { .m-faContent(@fa-var-discord); .m-faBase('Brands'); }
}
.vk-user-button {
	background-color: #0077ff !important;
	border: none !important;
	color: #fff !important;
	display: inline-flex;
	align-items: center;
	margin-top: 5px;

	&:hover {
		background-color: #0066ee !important;
		opacity: 0.9;
		text-decoration: none !important;
	}

	.button-text:before {
		.m-faBase('Brands');
		content: "\f189";
		margin-right: 6px;
	}
}

/* Êîïèðîâàíèå (copy) */
.fa--xf.far.fa-copy svg {
  display: none !important;
}

.fa--xf.far.fa-copy:before {
  font-family: 'Font Awesome 6 Free' !important;
  font-weight: 900 !important;
  display: inline-block !important;
  content: "\f0c5" !important; /* êîä copy (solid) */
}

.fa--xf.far.fa-copy:after {
  display: none !important;
}

/* Ñòðåëêà ââåðõ (chevron-up) */
.fa--xf.far.fa-chevron-up svg {
  display: none !important;
}

.fa--xf.far.fa-chevron-up:before {
  font-family: 'Font Awesome 6 Free' !important;
  font-weight: 900 !important;
  display: inline-block !important;
  content: "\f077" !important; /* êîä chevron-up (solid) */
}

.fa--xf.far.fa-chevron-up:after {
  display: none !important;
}

.message-userDetails .message-name {
    border-radius: 0 !important;
}

.message-userBanner.userBanner {
    border-radius: 0px;
}]]></template>
    <template title="extra_footer" type="public" addon_id="" version_id="0" version_string=""><![CDATA[<div class="pre-footer">
	<div class="pre-footer-inner">
		<div class="pre-footer--container">
			<div class="pre-footer--column">
				<xf:if is="property('dt_extra_footer_first_column') == 'option1'">
					<xf:widget key="forum_overview_members_online" />

				<xf:elseif is="property('dt_extra_footer_first_column') == 'option2'" />
					<xf:widget key="forum_overview_forum_statistics" />

				<xf:elseif is="property('dt_extra_footer_first_column') == 'option3'" />
					<xf:widget key="forum_overview_share_page" />

				<xf:elseif is="property('dt_extra_footer_first_column') == 'option4'" />
					<xf:widget key="online_list_online_statistics" />

				<xf:elseif is="property('dt_extra_footer_first_column') == 'option5'" />
					<xf:widget key="forum_overview_new_profile_posts" />

				<xf:elseif is="property('dt_extra_footer_first_column') == 'option6'" />
					<xf:widget key="forum_overview_trending_content" />

				<xf:elseif is="property('dt_extra_footer_first_column') == 'option7'" />
					<xf:widget key="member_wrapper_newest_members" />

				<xf:elseif is="property('dt_extra_footer_first_column') == 'option8'" />
					<div class="pre-footer--content -social">
						<h3>{{ property('dt_extra_footer_social_title') }}</h3>
						<ul class="social__icons">
							<xf:if is="property('dt_extra_footer_facebook')"><li><a href="https://www.facebook.com/{{ property('dt_extra_footer_facebook') }}" target="_blank" class="-facebook"><xf:fa icon="fab fa-facebook-f" /></a></li></xf:if>
							<xf:if is="property('dt_extra_footer_twitter')"><li><a href="https://twitter.com/{{ property('dt_extra_footer_twitter') }}" target="_blank" class="-twitter">{{ x_logo() }}</a></li></xf:if>
							<xf:if is="property('dt_extra_footer_instagram')"><li><a href="https://instagram.com/{{ property('dt_extra_footer_instagram') }}" target="_blank" class="-instagram"><xf:fa icon="fab fa-instagram" /></a></li></xf:if>
							<xf:if is="property('dt_extra_footer_youtube')"><li><a href="http://www.youtube.com/c/{{ property('dt_extra_footer_youtube') }}" target="_blank" class="-youtube"><xf:fa icon="fab fa-youtube" /></a></li></xf:if>
						</ul>
					</div>

				<xf:elseif is="property('dt_extra_footer_first_column') == 'option9'" />
					<div class="pre-footer--content">
						<h3>{{ property('dt_extra_footer_custom_html_title') }}</h3>
						<div class="pre-footer-html--content">
							{{ property('dt_extra_footer_custom_html') }}
						</div>
					</div>

				<xf:elseif is="property('dt_extra_footer_first_column') == 'option10'" />
					<div class="pre-footer--content -links">
						<h3>{{ property('dt_extra_footer_link_1_title') }}</h3>
						<ul class="pre-footer--links">
							{{ property('dt_extra_footer_link_1') }}
						</ul>
					</div>

				<xf:elseif is="property('dt_extra_footer_first_column') == 'option11'" />
					<div class="pre-footer--content -links">
						<h3>{{ property('dt_extra_footer_link_2_title') }}</h3>
						<ul class="pre-footer--links">
							{{ property('dt_extra_footer_link_2') }}
						</ul>
					</div>
				</xf:if>
			</div>
			<div class="pre-footer--column">
				<xf:if is="property('dt_extra_footer_second_column') == 'option1'">
					<xf:widget key="forum_overview_members_online" />

				<xf:elseif is="property('dt_extra_footer_second_column') == 'option2'" />
					<xf:widget key="forum_overview_forum_statistics" />

				<xf:elseif is="property('dt_extra_footer_second_column') == 'option3'" />
					<xf:widget key="forum_overview_share_page" />

				<xf:elseif is="property('dt_extra_footer_second_column') == 'option4'" />
					<xf:widget key="online_list_online_statistics" />

				<xf:elseif is="property('dt_extra_footer_second_column') == 'option5'" />
					<xf:widget key="forum_overview_new_profile_posts" />

				<xf:elseif is="property('dt_extra_footer_second_column') == 'option6'" />
					<xf:widget key="forum_overview_trending_content" />

				<xf:elseif is="property('dt_extra_footer_second_column') == 'option7'" />
					<xf:widget key="member_wrapper_newest_members" />

				<xf:elseif is="property('dt_extra_footer_second_column') == 'option8'" />
					<div class="pre-footer--content -social">
						<h3>{{ property('dt_extra_footer_social_title') }}</h3>
						<ul class="social__icons">
							<xf:if is="property('dt_extra_footer_facebook')"><li><a href="https://www.facebook.com/{{ property('dt_extra_footer_facebook') }}" target="_blank" class="-facebook"><xf:fa icon="fab fa-facebook-f" /></a></li></xf:if>
							<xf:if is="property('dt_extra_footer_twitter')"><li><a href="https://twitter.com/{{ property('dt_extra_footer_twitter') }}" target="_blank" class="-twitter">{{ x_logo() }}</a></li></xf:if>
							<xf:if is="property('dt_extra_footer_instagram')"><li><a href="https://instagram.com/{{ property('dt_extra_footer_instagram') }}" target="_blank" class="-instagram"><xf:fa icon="fab fa-instagram" /></a></li></xf:if>
							<xf:if is="property('dt_extra_footer_youtube')"><li><a href="http://www.youtube.com/c/{{ property('dt_extra_footer_youtube') }}" target="_blank" class="-youtube"><xf:fa icon="fab fa-youtube" /></a></li></xf:if>
						</ul>
					</div>

				<xf:elseif is="property('dt_extra_footer_second_column') == 'option9'" />
					<div class="pre-footer--content">
						<h3>{{ property('dt_extra_footer_custom_html_title') }}</h3>
						<div class="pre-footer-html--content">
							{{ property('dt_extra_footer_custom_html') }}
						</div>
					</div>

				<xf:elseif is="property('dt_extra_footer_second_column') == 'option10'" />
					<div class="pre-footer--content -links">
						<h3>{{ property('dt_extra_footer_link_1_title') }}</h3>
						<ul class="pre-footer--links">
							{{ property('dt_extra_footer_link_1') }}
						</ul>
					</div>

				<xf:elseif is="property('dt_extra_footer_second_column') == 'option11'" />
					<div class="pre-footer--content -links">
						<h3>{{ property('dt_extra_footer_link_2_title') }}</h3>
						<ul class="pre-footer--links">
							{{ property('dt_extra_footer_link_2') }}
						</ul>
					</div>
				</xf:if>
			</div>
			<div class="pre-footer--column">
				<xf:if is="property('dt_extra_footer_third_column') == 'option1'">
					<xf:widget key="forum_overview_members_online" />

				<xf:elseif is="property('dt_extra_footer_third_column') == 'option2'" />
					<xf:widget key="forum_overview_forum_statistics" />

				<xf:elseif is="property('dt_extra_footer_third_column') == 'option3'" />
					<xf:widget key="forum_overview_share_page" />

				<xf:elseif is="property('dt_extra_footer_third_column') == 'option4'" />
					<xf:widget key="online_list_online_statistics" />

				<xf:elseif is="property('dt_extra_footer_third_column') == 'option5'" />
					<xf:widget key="forum_overview_new_profile_posts" />

				<xf:elseif is="property('dt_extra_footer_third_column') == 'option6'" />
					<xf:widget key="forum_overview_trending_content" />

				<xf:elseif is="property('dt_extra_footer_third_column') == 'option7'" />
					<xf:widget key="member_wrapper_newest_members" />

				<xf:elseif is="property('dt_extra_footer_third_column') == 'option8'" />
					<div class="pre-footer--content -social">
						<h3>{{ property('dt_extra_footer_social_title') }}</h3>
						<ul class="social__icons">
							<xf:if is="property('dt_extra_footer_facebook')"><li><a href="https://www.facebook.com/{{ property('dt_extra_footer_facebook') }}" target="_blank" class="-facebook"><xf:fa icon="fab fa-facebook-f" /></a></li></xf:if>
							<xf:if is="property('dt_extra_footer_twitter')"><li><a href="https://twitter.com/{{ property('dt_extra_footer_twitter') }}" target="_blank" class="-twitter">{{ x_logo() }}</a></li></xf:if>
							<xf:if is="property('dt_extra_footer_instagram')"><li><a href="https://instagram.com/{{ property('dt_extra_footer_instagram') }}" target="_blank" class="-instagram"><xf:fa icon="fab fa-instagram" /></a></li></xf:if>
							<xf:if is="property('dt_extra_footer_youtube')"><li><a href="http://www.youtube.com/c/{{ property('dt_extra_footer_youtube') }}" target="_blank" class="-youtube"><xf:fa icon="fab fa-youtube" /></a></li></xf:if>
						</ul>
					</div>

				<xf:elseif is="property('dt_extra_footer_third_column') == 'option9'" />
					<div class="pre-footer--content">
						<h3>{{ property('dt_extra_footer_custom_html_title') }}</h3>
						<div class="pre-footer-html--content">
							{{ property('dt_extra_footer_custom_html') }}
						</div>
					</div>

				<xf:elseif is="property('dt_extra_footer_third_column') == 'option10'" />
					<div class="pre-footer--content -links">
						<h3>{{ property('dt_extra_footer_link_1_title') }}</h3>
						<ul class="pre-footer--links">
							{{ property('dt_extra_footer_link_1') }}
						</ul>
					</div>

				<xf:elseif is="property('dt_extra_footer_third_column') == 'option11'" />
					<div class="pre-footer--content -links">
						<h3>{{ property('dt_extra_footer_link_2_title') }}</h3>
						<ul class="pre-footer--links">
							{{ property('dt_extra_footer_link_2') }}
						</ul>
					</div>
				</xf:if>
			</div>
			<div class="pre-footer--column">
				<xf:if is="property('dt_extra_footer_fourth_column') == 'option1'">
					<xf:widget key="forum_overview_members_online" />

				<xf:elseif is="property('dt_extra_footer_fourth_column') == 'option2'" />
					<xf:widget key="forum_overview_forum_statistics" />

				<xf:elseif is="property('dt_extra_footer_fourth_column') == 'option3'" />
					<xf:widget key="forum_overview_share_page" />

				<xf:elseif is="property('dt_extra_footer_fourth_column') == 'option4'" />
					<xf:widget key="online_list_online_statistics" />

				<xf:elseif is="property('dt_extra_footer_fourth_column') == 'option5'" />
					<xf:widget key="forum_overview_new_profile_posts" />

				<xf:elseif is="property('dt_extra_footer_fourth_column') == 'option6'" />
					<xf:widget key="forum_overview_trending_content" />

				<xf:elseif is="property('dt_extra_footer_fourth_column') == 'option7'" />
					<xf:widget key="member_wrapper_newest_members" />

				<xf:elseif is="property('dt_extra_footer_fourth_column') == 'option8'" />
					<div class="pre-footer--content -social">
						<h3>{{ property('dt_extra_footer_social_title') }}</h3>
						<ul class="social__icons">
							<xf:if is="property('dt_extra_footer_facebook')"><li><a href="https://www.facebook.com/{{ property('dt_extra_footer_facebook') }}" target="_blank" class="-facebook"><xf:fa icon="fab fa-facebook-f" /></a></li></xf:if>
							<xf:if is="property('dt_extra_footer_twitter')"><li><a href="https://twitter.com/{{ property('dt_extra_footer_twitter') }}" target="_blank" class="-twitter">{{ x_logo() }}</a></li></xf:if>
							<xf:if is="property('dt_extra_footer_instagram')"><li><a href="https://instagram.com/{{ property('dt_extra_footer_instagram') }}" target="_blank" class="-instagram"><xf:fa icon="fab fa-instagram" /></a></li></xf:if>
							<xf:if is="property('dt_extra_footer_youtube')"><li><a href="http://www.youtube.com/c/{{ property('dt_extra_footer_youtube') }}" target="_blank" class="-youtube"><xf:fa icon="fab fa-youtube" /></a></li></xf:if>
						</ul>
					</div>

				<xf:elseif is="property('dt_extra_footer_fourth_column') == 'option9'" />
					<div class="pre-footer--content">
						<h3>{{ property('dt_extra_footer_custom_html_title') }}</h3>
						<div class="pre-footer-html--content">
							{{ property('dt_extra_footer_custom_html') }}
						</div>
					</div>

				<xf:elseif is="property('dt_extra_footer_fourth_column') == 'option10'" />
					<div class="pre-footer--content -links">
						<h3>{{ property('dt_extra_footer_link_1_title') }}</h3>
						<ul class="pre-footer--links">
							{{ property('dt_extra_footer_link_1') }}
						</ul>
					</div>

				<xf:elseif is="property('dt_extra_footer_fourth_column') == 'option11'" />
					<div class="pre-footer--content -links">
						<h3>{{ property('dt_extra_footer_link_2_title') }}</h3>
						<ul class="pre-footer--links">
							{{ property('dt_extra_footer_link_2') }}
						</ul>
					</div>
				</xf:if>
			</div>
		</div>
	</div>
</div>]]></template>
    <template title="forum_view" type="public" addon_id="XF" version_id="2030670" version_string="2.3.6"><![CDATA[<xf:title page="{$page}">{$forum.Node.title}</xf:title>
<xf:description>{$forum.Node.description|raw}</xf:description>

<xf:css src="structured_list.less" />

<xf:if is="!$forum.isSearchEngineIndexable()">
	<xf:head option="metaNoindex"><meta name="robots" content="noindex" /></xf:head>
</xf:if>

<xf:macro id="metadata_macros::canonical_url"
	arg-canonicalUrl="{{ link('canonical:forums', $forum, $canonicalFilters + {'page': $page}) }}" />

<xf:head option="rss_forum"><link rel="alternate" type="application/rss+xml" title="{{ phrase('rss_feed_for_x', {'title': $forum.title})|for_attr }}" href="{{ link('forums/index.rss', $forum) }}" /></xf:head>

<xf:macro id="forum_macros::forum_page_options" arg-forum="{$forum}" />
<xf:breadcrumb source="$forum.getBreadcrumbs(false)" />

<xf:pageaction if="$forum.canCreateThread() OR $forum.canCreateThreadPreReg()">
	<xf:button href="{{ link('forums/post-thread', $forum) }}" class="button--cta" icon="write" rel="nofollow">
		{{ $forum.TypeHandler.getTypeActionPhrase('cta') ?: phrase('post_thread') }}
	</xf:button>
</xf:pageaction>

<xf:if is="$pendingApproval">
	<div class="blockMessage blockMessage--important">{{ phrase('content_submitted_displayed_pending_approval') }}</div>
</xf:if>

<xf:extension id="above_node_list"></xf:extension>

<xf:if is="$nodeTree">
	<xf:ad position="forum_view_above_node_list" arg-forum="{$forum}" />
	<div class="block">
		<div class="block-container">
			<div class="block-body">
				<xf:macro id="forum_list::node_list"
					arg-children="{$nodeTree}"
					arg-extras="{$nodeExtras}"
					arg-depth="2" />
			</div>
		</div>
	</div>
	<xf:ad position="forum_view_below_node_list" arg-forum="{$forum}" />
</xf:if>

<xf:if is="$canInlineMod">
	<xf:js src="xf/inline_mod.js" min="1" />
</xf:if>

<xf:extension id="above_thread_list"></xf:extension>
<xf:ad position="forum_view_above_thread_list" arg-forum="{$forum}" />

<xf:extension id="thread_list_block_classes" value="" />
<div class="block {{ extension_value('thread_list_block_classes') }}" data-xf-init="{{ $canInlineMod ? 'inline-mod' : '' }}" data-type="thread" data-href="{{ link('inline-mod') }}">

	<div class="block-outer"><xf:trim>
		<xf:pagenav page="{$page}" perpage="{$perPage}" total="{$total}"
			link="forums" data="{$forum}" params="{$filters}"
			wrapperclass="block-outer-main" />
		<xf:if contentcheck="true">
			<div class="block-outer-opposite">
				<div class="buttonGroup">
				<xf:contentcheck>
					<xf:if is="$canInlineMod">
						<xf:macro id="inline_mod_macros::button" />
					</xf:if>
					<xf:if is="$xf.visitor.user_id">
						<xf:button href="{{ link('forums/mark-read', $forum, {'date': $xf.time}) }}"
							class="button--link" overlay="true">
							{{ phrase('mark_read') }}
						</xf:button>
					</xf:if>
					<xf:if is="$forum.canWatch()">
						<xf:button href="{{ link('forums/watch', $forum) }}" class="button--link"
							data-xf-click="switch-overlay"
							data-sk-watch="{{ phrase('watch') }}"
							data-sk-unwatch="{{ phrase('unwatch') }}">
							<xf:if is="{$forum.Watch.{$xf.visitor.user_id}}">{{ phrase('unwatch') }}<xf:else />{{ phrase('watch') }}</xf:if>
						</xf:button>
					</xf:if>
				</xf:contentcheck>
				</div>
			</div>
		</xf:if>
	</xf:trim></div>

	<div class="block-container block-container-nodes">

		<xf:extension id="thread_list_header">
			<div class="block-filterBar">
				<div class="filterBar">
					<xf:if contentcheck="true">
						<ul class="filterBar-filters">
						<xf:contentcheck>
							<xf:extension id="filters">
								<xf:macro id="filters"
									arg-forum="{$forum}"
									arg-filters="{$filters}"
									arg-starterFilter="{$starterFilter}"
									arg-threadTypeFilter="{$threadTypeFilter}" />
							</xf:extension>
						</xf:contentcheck>
						</ul>
					</xf:if>

					<a class="filterBar-menuTrigger" data-xf-click="menu" role="button" tabindex="0" aria-expanded="false" aria-haspopup="true">{{ phrase('filters') }}</a>
					<div class="menu menu--wide" data-menu="menu" aria-hidden="true"
						data-href="{{ link('forums/filters', $forum, $filters) }}"
						data-load-target=".js-filterMenuBody">
						<div class="menu-content">
							<h4 class="menu-header">{{ phrase('show_only:') }}</h4>
							<div class="js-filterMenuBody">
								<div class="menu-row">{{ phrase('loading...') }}</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</xf:extension>

		<xf:set var="$qtPos">{{ ($sortInfo.order == 'last_post_date' && $sortInfo.direction == 'asc') ? 'bottom' : 'top' }}</xf:set>

		<div class="block-body">
			<xf:extension id="thread_list">
				<div class="structItemContainer">
					<xf:macro id="{{ $templateOverrides.quick_thread_macro ?: 'thread_list_macros::quick_thread' }}"
						arg-forum="{$forum}"
						arg-page="{$page}"
						arg-order="{$sortInfo.order}"
						arg-direction="{$sortInfo.direction}"
						arg-prefixes="{$quickThreadPrefixes}"
						args="{$templateOverrides.quick_thread_macro_args}" />
					
					<xf:if is="property('dt_disc_minor_header')">
						<div class="discu-minorHeader">
							<span class="discu-minorHeader--main">{{ phrase('title') }}</span>
							<span class="discu-minorHeader--stats">{{ phrase('replies') }}</span>
							<span class="discu-minorHeader--stats">{{ phrase('views') }}</span>
							<xf:if is="property('dt_reactions_column')">
								<span class="discu-minorHeader--stats">{{ phrase('reactions') }}</span>
							</xf:if>
							<span class="discu-minorHeader--last">{{ phrase('latest') }}</span>
						</div>
					</xf:if>

					<xf:if is="$stickyThreads is not empty OR $threads is not empty">
						<xf:if is="$stickyThreads is not empty">
							<div class="stickyItemContainer stickyItemContainer-sticky">
								<xf:if is="{{ property('dt_seperate_sticky_threads') }}">
									<h3 class="block-minorHeader block-stickyHeader">
										{{ phrase('sticky') }}
										<xf:if is="{{ property('dt_collaps_sticky_threads') }}">
										<span id="collapse-{$forum.node_id}" 
											  class="collapseTrigger {{ !is_toggled('_dtstthr-' . $forum.node_id) ? ' is-active' : '' }}"
											  title="Toggle Visibilty" 
											  data-xf-click="toggle" 
											  data-xf-init="toggle-storage" 
											  data-storage-type="cookie" 
											  data-target=".structItemContainer-group--sticky" 
											  data-storage-key="_dtstthr-{$forum.node_id}">
										</span>
										</xf:if>
									</h3>
								</xf:if>
								<div class="structItemContainer-group structItemContainer-group--sticky {{ !is_toggled('_dtstthr-' . $forum.node_id) ? ' is-active' : '' }}">
									<xf:foreach loop="$stickyThreads" value="$thread">
										<xf:macro id="{{ $templateOverrides.thread_list_macro ?: 'thread_list_macros::item' }}"
											arg-thread="{$thread}"
											arg-forum="{$forum}"
											args="{$templateOverrides.thread_list_macro_args}" />
									</xf:foreach>
								</div>
							</div>
							
							<xf:if is="property('dt_seperate_sticky_threads')">
								<xf:if is="{$stickyThreads}">
									<h3 class="block-minorHeader block-stickyHeader">
										{{ phrase('threads') }}
									</h3>
								</xf:if>
							</xf:if>

							<xf:ad position="forum_view_below_stickies" arg-forum="{$forum}" />
						</xf:if>

						<div class="structItemContainer-group js-threadList">
							<xf:if is="$threads is not empty">
								<xf:foreach loop="$threads" value="$thread">
									<xf:macro id="{{ $templateOverrides.thread_list_macro ?: 'thread_list_macros::item' }}"
										arg-thread="{$thread}"
										arg-forum="{$forum}"
										args="{$templateOverrides.thread_list_macro_args}"  />
								</xf:foreach>
								<xf:if is="$showDateLimitDisabler">
									<xf:macro id="date_limit_disabler" arg-forum="{$forum}" arg-page="{$page}" arg-filters="{$filters}" />
								</xf:if>
							</xf:if>
						</div>
					<xf:elseif is="$filters" />
						<div class="structItemContainer-group js-threadList">
							<div class="structItem js-emptyThreadList">
								<div class="structItem-cell">{{ phrase('there_no_threads_matching_your_filters') }}</div>
							</div>
							<xf:if is="$showDateLimitDisabler">
								<xf:macro id="date_limit_disabler" arg-forum="{$forum}" arg-page="{$page}" arg-filters="{$filters}" />
							</xf:if>
						</div>
					<xf:else />
						<div class="structItemContainer-group js-threadList">
							<xf:if is="$showDateLimitDisabler">
								<div class="structItem js-emptyThreadList">
									<div class="structItem-cell">{{ phrase('there_no_threads_to_display') }}</div>
								</div>
								<xf:macro id="date_limit_disabler" arg-forum="{$forum}" arg-page="{$page}" arg-filters="{$filters}" />
							<xf:else />
								<div class="structItem js-emptyThreadList">
									<div class="structItem-cell">{{ phrase('there_no_threads_in_this_forum') }}</div>
								</div>
							</xf:if>
						</div>
					</xf:if>
				</div>
			</xf:extension>
		</div>
	</div>

	<div class="block-outer block-outer--after">
		<xf:pagenav
			page="{$page}" perpage="{$perPage}" total="{$total}"
			link="forums" data="{$forum}" params="{$filters}"
			wrapperclass="block-outer-main" />
		<xf:showignored wrapperclass="block-outer-opposite" />
		<xf:if is="!$forum.canCreateThread() AND !$forum.canCreateThreadPreReg()">
			<div class="block-outer-opposite">
				<xf:if is="$xf.visitor.user_id">
					<span class="button button--wrap is-disabled">
						{{ phrase('no_permission_to_post') }}
						<!-- this is not interactive so shouldn't be a button element -->
					</span>
				<xf:else />
					<xf:button href="{{ link('login') }}" class="button--link button--wrap" overlay="true">
						{{ phrase('log_in_or_register_to_post') }}
					</xf:button>
				</xf:if>
			</div>
		</xf:if>
	</div>
</div>

<xf:ad position="forum_view_below_thread_list" arg-forum="{$forum}" />
<xf:extension id="below_thread_list"></xf:extension>

<xf:widgetpos id="forum_view_sidebar" context-forum="{$forum}" position="sidebar" />

<xf:macro id="filters" arg-forum="!" arg-filters="!" arg-starterFilter="{{ null }}" arg-threadTypeFilter="{{ null }}">
	<xf:set var="$dateLimits" value="{{ {
		'-1': phrase('any_time'),
		'7': phrase('x_days', {'days': '7'}),
		'14': phrase('x_days', {'days': '14'}),
		'30': phrase('x_days', {'days': '30'}),
		'60': phrase('x_months', {'months': '2'}),
		'90': phrase('x_months', {'months': '3'}),
		'182': phrase('x_months', {'months': '6'}),
		'365': phrase('1_year')
	} }}" />

	<xf:extension id="start"></xf:extension>

	<xf:extension id="featured">
		<xf:if is="$filters.featured">
			<li><a href="{{ link('forums', $forum, $filters|replace('featured', null)) }}"
				class="filterBar-filterToggle" data-xf-init="tooltip" title="{{ phrase('remove_this_filter')|for_attr }}">
				<span class="filterBar-filterToggle-label">{{ phrase('show_only:') }}</span>
				{{ phrase('featured_threads') }}</a></li>
		</xf:if>
	</xf:extension>

	<xf:extension id="prefix_id">
		<xf:if is="$filters.prefix_id">
			<li><a href="{{ link('forums', $forum, $filters|replace('prefix_id', null)) }}"
				class="filterBar-filterToggle" data-xf-init="tooltip" title="{{ phrase('remove_this_filter')|for_attr }}">
				<span class="filterBar-filterToggle-label">{{ phrase('prefix:') }}</span>
				{{ prefix_title('thread', $filters.prefix_id) }}</a></li>
		</xf:if>
	</xf:extension>

	<xf:extension id="starter_id">
		<xf:if is="$filters.starter_id AND $starterFilter">
			<li><a href="{{ link('forums', $forum, $filters|replace('starter_id', null)) }}"
				class="filterBar-filterToggle" data-xf-init="tooltip" title="{{ phrase('remove_this_filter')|for_attr }}">
				<span class="filterBar-filterToggle-label">{{ phrase('started_by:') }}</span>
				{$starterFilter.username}</a></li>
		</xf:if>
	</xf:extension>

	<xf:extension id="thread_type">
		<xf:if is="$filters.thread_type && $threadTypeFilter">
			<li><a href="{{ link('forums', $forum, $filters|replace('thread_type', null)) }}"
				class="filterBar-filterToggle" data-xf-init="tooltip" title="{{ phrase('remove_this_filter')|for_attr }}">
				<span class="filterBar-filterToggle-label">{{ phrase('thread_type_filter:') }}</span>
				{{ $threadTypeFilter.getTypeTitle() }}</a></li>
		</xf:if>
	</xf:extension>

	<xf:extension id="last_days">
		<xf:if is="$filters.last_days AND {$dateLimits.{$filters.last_days}}">
			<li><a href="{{ link('forums', $forum, $filters|replace('last_days', null)) }}"
				class="filterBar-filterToggle" data-xf-init="tooltip" title="{{ phrase('remove_this_filter')|for_attr }}">
				<span class="filterBar-filterToggle-label">{{ phrase('last_updated:') }}</span>
				{$dateLimits.{$filters.last_days}}</a></li>
		</xf:if>
	</xf:extension>

	<xf:extension id="order">
		<xf:if is="$filters.order">
			<li><a href="{{ link('forums', $forum, $filters|replace({'order': null, 'direction': null})) }}"
				class="filterBar-filterToggle" data-xf-init="tooltip" title="{{ phrase('return_to_default_order')|for_attr }}">
				<span class="filterBar-filterToggle-label">{{ phrase('sort_by:') }}</span>
				{{ phrase_dynamic('forum_sort.' . $filters.order) }}
				<xf:fa icon="{{ $filters.direction == 'asc' ? 'fa-angle-up' : 'fa-angle-down' }}" />
				<span class="u-srOnly"><xf:if is="$filters.direction == 'asc'">{{ phrase('ascending') }}<xf:else />{{ phrase('descending') }}</xf:if></span>
			</a></li>
		</xf:if>
	</xf:extension>

	<xf:extension id="end"></xf:extension>
</xf:macro>

<xf:macro id="date_limit_disabler" arg-forum="!" arg-page="!" arg-filters="!">
	<div class="structItem structItem--note">
		<div class="structItem-cell">
			<a href="{{ link('forums', $forum, {'page': $page, 'no_date_limit': 1} + $filters) }}">
				{{ phrase('show_older_items') }}
			</a>
		</div>
	</div>
</xf:macro>]]></template>
    <template title="helper_js_global" type="public" addon_id="XF" version_id="2030570" version_string="2.3.5"><![CDATA[<xf:macro id="head" arg-app="!" arg-jsState="{{ null }}">
	<xf:set var="$cssUrls" value="{{ ['public:normalize.css', 'public:fa.css'] }}" />
	<xf:if is="$xf.style.isVariationsEnabled()">
		<xf:set var="$cssUrls" value="{{ array_merge($cssUrls, ['public:variations.less']) }}" />
	</xf:if>
	<xf:set var="$cssUrls" value="{{ array_merge($cssUrls, ['public:core.less', $app . ':app.less']) }}" />

	<link rel="stylesheet" href="{{ css_url($cssUrls) }}" />
	
	<xf:if is="property('dt_google_font')">
		<link rel="preconnect" href="https://fonts.gstatic.com">
		<link href="https://fonts.googleapis.com/css2?family={{ property('dt_google_font') }}&display=swap" rel="stylesheet">
	</xf:if>

	<!--XF:CSS-->

	<xf:if is="$xf.fullJs">
		<script{{ $xf.request.isRocketLoaderDisabled() ? ' data-cfasync="false"' : ''}} src="{{ js_url('xf/preamble.js') }}"></script>
	<xf:else />
		<script{{ $xf.request.isRocketLoaderDisabled() ? ' data-cfasync="false"' : ''}} src="{{ js_url('xf/preamble.min.js') }}"></script>
	</xf:if>

	<xf:corejs />

	<script{{ $xf.request.isRocketLoaderDisabled() ? ' data-cfasync="false"' : ''}}>
		XF.ready(() =>
		{
			XF.extendObject(true, XF.config, {
				// <!--[XF:js_global:xf_extend_start]-->
				userId: {$xf.visitor.user_id},
				enablePush: {{ $xf.options.enablePush ? 'true' : 'false' }},
				pushAppServerKey: '{$xf.options.pushKeysVAPID.publicKey}',
				url: {
					fullBase: '{{ base_url(null, true)|escape("js") }}',
					basePath: '{{ base_url(null, false)|escape("js") }}',
					css: '{{ css_url(["__SENTINEL__"], false)|escape("js") }}',
					js: '{{ js_url("__SENTINEL__")|escape("js") }}',
					icon: '{{ icon_url("__VARIANT__", "__NAME__")|escape("js") }}',
					iconInline: '{{ icon_url("__VARIANT__", "__NAME__", true)|escape("js") }}',
					keepAlive: '{{ link_type($app, "login/keep-alive")|escape("js") }}'
				},
				cookie: {
					path: '{{ $xf.cookie.path|escape("js") }}',
					domain: '{{ $xf.cookie.domain|escape("js") }}',
					prefix: '{{ $xf.cookie.prefix|escape("js") }}',
					secure: {{ $xf.cookie.secure ? 'true' : 'false' }},
					consentMode: '{{ $xf.cookieConsent.getMode() }}',
					consented: {{ $xf.cookieConsent.getConsentedGroups()|json|raw }}
				},
				cacheKey: '{{ cache_key()|escape("js") }}',
				csrf: '{{ csrf_token()|escape("js") }}',
				js: {'<!--XF:JS:JSON-->'},
				fullJs: {{ $xf.fullJs ? 'true' : 'false' }},
				css: {'<!--XF:CSS:JSON-->'},
				time: {
					now: {$xf.time},
					today: {$xf.timeDetails.today},
					todayDow: {$xf.timeDetails.todayDow},
					tomorrow: {$xf.timeDetails.tomorrow},
					yesterday: {$xf.timeDetails.yesterday},
					week: {$xf.timeDetails.week},
					month: {$xf.timeDetails.month},
					year: {$xf.timeDetails.year}
				},
				style: {
					light: '{{ $xf.style.isVariationsEnabled() ? $xf.style.getStyleTypeVariation("light")|escape("js") : "" }}',
					dark: '{{ $xf.style.isVariationsEnabled() ? $xf.style.getStyleTypeVariation("dark")|escape("js") : "" }}',
					defaultColorScheme: '{{ property_variation('styleType', 'default')|escape("js") }}'
				},
				borderSizeFeature: '{{ property('borderSizeFeature') }}',
				fontAwesomeWeight: '{{ fa_weight() }}',
				enableRtnProtect: {{ $xf.enableRtnProtect ? 'true' : 'false' }},
				<xf:if is="$xf.serviceWorkerPath !== null">
					serviceWorkerPath: '{{ $xf.serviceWorkerPath|escape("js") }}',
				</xf:if>
				enableFormSubmitSticky: {{ property('formSubmitSticky') ? 'true' : 'false' }},
				imageOptimization: '{$xf.options.imageOptimization}',
				imageOptimizationQuality: {{ $xf.app.config.maxImageResizeQuality / 100 }},
				uploadMaxFilesize: {$xf.uploadMaxFilesize},
				uploadMaxWidth: {{ $xf.options.attachmentMaxDimensions.width ?: 0 }},
				uploadMaxHeight: {{ $xf.options.attachmentMaxDimensions.height ?: 0 }},
				allowedVideoExtensions: {$xf.allowedVideoExtensions|json|raw},
				allowedAudioExtensions: {$xf.allowedAudioExtensions|json|raw},
				shortcodeToEmoji: {{ $xf.options.shortcodeToEmoji ? 'true' : 'false' }},
				visitorCounts: {
					conversations_unread: '{$xf.visitor.conversations_unread|number}',
					alerts_unviewed: '{$xf.visitor.alerts_unviewed|number}',
					total_unread: '{{ ($xf.visitor.conversations_unread + $xf.visitor.alerts_unviewed)|number }}',
					title_count: {{ in_array($xf.options.displayVisitorCount, ['title_count', 'title_and_icon']) ? 'true' : 'false' }},
					icon_indicator: {{ in_array($xf.options.displayVisitorCount, ['icon_indicator', 'title_and_icon']) ? 'true' : 'false' }}
				},
				jsMt: {{ js_mt()|json|raw }},
				jsState: {{ $jsState ? $jsState|json|raw : '{}' }},
				publicMetadataLogoUrl: '{{ property('publicMetadataLogoUrl') ? base_url(property('publicMetadataLogoUrl'), true) : '' }}',
				publicPushBadgeUrl: '{{ property('publicPushBadgeUrl') ? base_url(property('publicPushBadgeUrl'), true) : '' }}'
			})

			XF.extendObject(XF.phrases, {
				// <!--[XF:js_global:xf_phrase_start]-->
				date_x_at_time_y:     "{{ phrase('date_x_at_time_y')|escape('js') }}",
				day_x_at_time_y:      "{{ phrase('day_x_at_time_y')|escape('js') }}",
				yesterday_at_x:       "{{ phrase('yesterday_at_x')|escape('js') }}",
				x_minutes_ago:        "{{ phrase('x_minutes_ago')|escape('js') }}",
				one_minute_ago:       "{{ phrase('one_minute_ago')|escape('js') }}",
				a_moment_ago:         "{{ phrase('a_moment_ago')|escape('js') }}",
				today_at_x:           "{{ phrase('today_at_x')|escape('js') }}",
				in_a_moment:          "{{ phrase('in_a_moment')|escape('js') }}",
				in_a_minute:          "{{ phrase('in_a_minute')|escape('js') }}",
				in_x_minutes:         "{{ phrase('in_x_minutes')|escape('js') }}",
				later_today_at_x:     "{{ phrase('later_today_at_x')|escape('js') }}",
				tomorrow_at_x:        "{{ phrase('tomorrow_at_x')|escape('js') }}",
				short_date_x_minutes: "{{ phrase('short_date_x_minutes')|escape('js') }}",
				short_date_x_hours:   "{{ phrase('short_date_x_hours')|escape('js') }}",
				short_date_x_days:    "{{ phrase('short_date_x_days')|escape('js') }}",

				day0: "{{ phrase('day_sunday')|escape('js') }}",
				day1: "{{ phrase('day_monday')|escape('js') }}",
				day2: "{{ phrase('day_tuesday')|escape('js') }}",
				day3: "{{ phrase('day_wednesday')|escape('js') }}",
				day4: "{{ phrase('day_thursday')|escape('js') }}",
				day5: "{{ phrase('day_friday')|escape('js') }}",
				day6: "{{ phrase('day_saturday')|escape('js') }}",

				dayShort0: "{{ phrase('day_sunday_short')|escape('js') }}",
				dayShort1: "{{ phrase('day_monday_short')|escape('js') }}",
				dayShort2: "{{ phrase('day_tuesday_short')|escape('js') }}",
				dayShort3: "{{ phrase('day_wednesday_short')|escape('js') }}",
				dayShort4: "{{ phrase('day_thursday_short')|escape('js') }}",
				dayShort5: "{{ phrase('day_friday_short')|escape('js') }}",
				dayShort6: "{{ phrase('day_saturday_short')|escape('js') }}",

				month0: "{{ phrase('month_1')|escape('js') }}",
				month1: "{{ phrase('month_2')|escape('js') }}",
				month2: "{{ phrase('month_3')|escape('js') }}",
				month3: "{{ phrase('month_4')|escape('js') }}",
				month4: "{{ phrase('month_5')|escape('js') }}",
				month5: "{{ phrase('month_6')|escape('js') }}",
				month6: "{{ phrase('month_7')|escape('js') }}",
				month7: "{{ phrase('month_8')|escape('js') }}",
				month8: "{{ phrase('month_9')|escape('js') }}",
				month9: "{{ phrase('month_10')|escape('js') }}",
				month10: "{{ phrase('month_11')|escape('js') }}",
				month11: "{{ phrase('month_12')|escape('js') }}",

				active_user_changed_reload_page: "{{ phrase('active_user_changed_reload_page')|escape('js') }}",
				server_did_not_respond_in_time_try_again: "{{ phrase('server_did_not_respond_in_time_try_again')|escape('js') }}",
				oops_we_ran_into_some_problems: "{{ phrase('oops_we_ran_into_some_problems')|escape('js') }}",
				oops_we_ran_into_some_problems_more_details_console: "{{ phrase('oops_we_ran_into_some_problems_more_details_console')|escape('js') }}",
				file_too_large_to_upload: "{{ phrase('file_too_large_to_upload')|escape('js') }}",
				uploaded_file_is_too_large_for_server_to_process: "{{ phrase('uploaded_file_is_too_large_for_server_to_process')|escape('js') }}",
				files_being_uploaded_are_you_sure: "{{ phrase('files_being_uploaded_are_you_sure')|escape('js') }}",
				attach: "{{ phrase('button.attach')|escape('js') }}",
				rich_text_box: "{{ phrase('rich_text_box')|escape('js') }}",
				close: "{{ phrase('close')|escape('js') }}",
				link_copied_to_clipboard: "{{ phrase('link_copied_to_clipboard')|escape('js') }}",
				text_copied_to_clipboard: "{{ phrase('text_copied_to_clipboard')|escape('js') }}",
				loading: "{{ phrase('loading...')|escape('js') }}",
				you_have_exceeded_maximum_number_of_selectable_items: "{{ phrase('you_have_exceeded_maximum_number_of_selectable_items')|escape('js') }}",

				processing: "{{ phrase('processing')|escape('js') }}",
				'processing...': "{{ phrase('processing...')|escape('js') }}",

				showing_x_of_y_items: "{{ phrase('showing_x_of_y_items')|escape('js') }}",
				showing_all_items: "{{ phrase('showing_all_items')|escape('js') }}",
				no_items_to_display: "{{ phrase('no_items_to_display')|escape('js') }}",

				number_button_up: "{{ phrase('number_button_up')|escape('js') }}",
				number_button_down: "{{ phrase('number_button_down')|escape('js') }}",

				push_enable_notification_title: "{{ phrase('push_enable_notification_title', {'boardTitle': $xf.options.boardTitle})|escape('js') }}",
				push_enable_notification_body: "{{ phrase('push_enable_notification_body')|escape('js') }}",

				pull_down_to_refresh: "{{ phrase('pull_down_to_refresh')|escape('js') }}",
				release_to_refresh: "{{ phrase('release_to_refresh')|escape('js') }}",
				refreshing: "{{ phrase('refreshing...')|escape('js') }}"
			})
		})
	</script>

	<!--XF:JS-->
</xf:macro>

<xf:macro id="body" arg-app="!" >
	<form style="display:none" hidden="hidden">
		<input type="text" name="_xfClientLoadTime" value="" id="_xfClientLoadTime" title="_xfClientLoadTime" tabindex="-1" />
	</form>

	<xf:if is="$xf.visitor.canSearch() && $xf.request.getFullRequestUri() === link('full:index')">
		<script type="application/ld+json">
		{
			"@context": "https://schema.org",
			"@type": "WebSite",
			"url": "{{ link('canonical:index')|escape('js') }}",
			"potentialAction": {
				"@type": "SearchAction",
				"target": {
					"@type": "EntryPoint",
					"urlTemplate": "{{ link('canonical:search/search')|escape('js') . ($xf.options.useFriendlyUrls ? '?' : '&') . 'keywords={search_keywords}' }}"
				},
				"query-input": "required name=search_keywords"
			}
		}
		</script>
	</xf:if>
	
	<script>
		const rootInput = document.getElementById("input--search");
		const searchMenu = document.getElementById("p-search-menu");
		rootInput.onclick = function() {
			searchMenu.classList.add('p-search-menu-active');
		}
		document.addEventListener('click', function(event) {
		  if (event.target != rootInput) {
			searchMenu.classList.remove('p-search-menu-active')
		  }
		})
	</script>
</xf:macro>]]></template>
    <template title="member_tooltip.less" type="public" addon_id="XF" version_id="2030670" version_string="2.3.6"><![CDATA[@_memberTooltip-padding: @xf-paddingMedium;
@_memberTooltip-avatarSize: @avatar-m;

.memberTooltip-header
{
	display: flex;
	padding: @_memberTooltip-padding;
	.xf-memberTooltipHeader();
}

.memberTooltip-avatar
{
	width: (@_memberTooltip-padding * 2 + @_memberTooltip-avatarSize);
}

.memberTooltip-headerInfo
{
	flex: 1;
}

.memberTooltip-name
{
	margin: 0;
	margin-top: -.15em;
	padding: 0;
	font-weight: @xf-fontWeightNormal;
	line-height: (@xf-lineHeightDefault * 0.8);
	.xf-memberTooltipName();

	.m-hiddenLinks();

	.memberTooltip-nameChangeIndicator
	{
		color: @xf-textColorMuted;
		font-size: 75%;

		&:hover
		{
			color: @xf-textColorMuted;
		}
	}

	.memberTooltip--withBanner &
	{
		.xf-memberTooltipNameBanner();

		.memberTooltip-nameChangeIndicator
		{
			color: darken(xf-default(@xf-memberTooltipNameBanner--color, white), 20%);

			&:hover
			{
				color: darken(xf-default(@xf-memberTooltipNameBanner--color, white), 20%);
			}
		}
	}
}

// See XF-197998
@_memberTooltip-textStroke: 0 #000;

.memberTooltip-textStroke()
{
	text-shadow:
		-1px -1px @_memberTooltip-textStroke,
		1px -1px @_memberTooltip-textStroke,
		-1px 1px @_memberTooltip-textStroke,
		1px 1px @_memberTooltip-textStroke;
}

.memberTooltip--withBanner
{
	.memberTooltip-nameWrapper
	{
		.username:hover
		{
			text-decoration: none;
		}
	}

	.username
	{
		.memberTooltip-textStroke();
	}

	.memberTooltip-nameChangeIndicator .fa-history
	{
		.memberTooltip-textStroke();
	}
}

.memberTooltip-headerAction
{
	float: right;
}

.memberTooltip-blurbContainer
{
	.memberTooltip--withBanner &
	{
		.xf-memberTooltipBlurbContainerBanner();

		.memberTooltip-blurb
		{
			&:first-child
			{
				margin-top: 0;
			}

			.pairs dt, a
			{
				color: darken(xf-default(@xf-memberTooltipBlurbContainerBanner--color, white), 20%);
			}
		}
	}
}

.memberTooltip-banners,
.memberTooltip-blurb
{
	margin-top: .25em;
}

.memberTooltip-blurb
{
	font-size: @xf-fontSizeSmall;
}

.memberTooltip-stats
{
	font-size: @xf-fontSizeSmall;

	dl.pairs.pairs--rows > dt
	{
		font-size: @xf-fontSizeSmaller;
	}
}

.memberTooltip-info,
.memberTooltip-actions
{
	padding: @_memberTooltip-padding;
}

.memberTooltip-separator
{
	margin: (@xf-borderSize * -1) @_memberTooltip-padding 0;
	border: none;
	border-top: @xf-borderSize solid @xf-borderColorLight;
}

@media (max-width: @xf-responsiveNarrow)
{
	.memberTooltip-avatar
	{
		width: (@_memberTooltip-padding * 2 + @_memberTooltip-avatarSize * 2 / 3);

		.avatar
		{
			.m-avatarSize((@_memberTooltip-avatarSize * 2 / 3));
		}
	}
}]]></template>
    <template title="message.less" type="public" addon_id="XF" version_id="2030670" version_string="2.3.6"><![CDATA[@_message-actionColumnWidth: 40px;
@_messageSimple-userColumnWidth: 70px;

//signature-spicy.local/xf23/css.php?css=public%3A
	// attachments.less%2Cpublic%3A
	// editor.less%2Cpublic%3A
	// message.less%2Cpublic%3A
	// share_controls.less%2Cpublic%3A
	// structured_list.less%2Cpublic%3A
	// xfcf_footer.less%2Cpublic%3A
	// extra.less

.message
{
	&.message--bordered
	{
		border-top: @xf-borderSize solid @xf-borderColor;
	}
}

.message,
.block--messages .message
{
	&.is-mod-selected
	{
		background: @xf-inlineModHighlightColor;

		.message-cell--user,
		.message-cell--vote
		{
			background: @xf-inlineModHighlightColor;
		}

		.message-userArrow:after
		{
			border-right-color: @xf-inlineModHighlightColor;
		}
	}
}

.message-inner
{
	display: flex;

	& + .message-inner
	{
		border-top: @xf-borderSize solid @xf-borderColor;
	}
}

.message-cell

{
	display: block;
	vertical-align: top;
	padding: @xf-messagePadding;

	.message--quickReply &
	{
		//padding-bottom: 35px; // for the submit row

		> .formRow:last-child
		{
			> dd
			{
				padding-bottom: 0;
			}
		}
	}

	&.message-cell--closer
	{
		padding: @xf-messagePaddingSmall;

		&.message-cell--user
		{
			.m-fixedWidthFlex((@xf-messagePaddingSmall * 2 + @xf-messageUserBlockWidth));

			.message--simple &
			{
				.m-fixedWidthFlex((@xf-messagePaddingSmall * 2 + @_messageSimple-userColumnWidth));

			}
		}

		&.message-cell--action
		{
			.m-fixedWidthFlex((@xf-messagePaddingSmall * 2 + @_message-actionColumnWidth));
		}
	}

	&.message-cell--user,
	&.message-cell--action
	{
		position: relative;
		.xf-messageUserBlock(no-border);
		border-right: @xf-messageUserBlock--border-width solid @xf-messageUserBlock--border-color;
		min-width: 0;
	}

	&.message-cell--vote
	{
		position: relative;
		.xf-messageUserBlock(no-border);
		border-left: @xf-messageUserBlock--border-width solid @xf-messageUserBlock--border-color;
		border-right: 0;
		padding-top: 0;
		padding-bottom: 0;

		.message--solution &
		{
			background: @xf-successBg;
		}

		.solutionIcon
		{
			margin-top: @xf-paddingMedium;
		}
	}

	&.message-cell--user
	{
		.m-fixedWidthFlex((@xf-messagePadding * 2 + @xf-messageUserBlockWidth));

		.message--simple &
		{
			.m-fixedWidthFlex((@xf-messagePaddingSmall * 2 + @_messageSimple-userColumnWidth));
		}
	}

	&.message-cell--action
	{
		.m-fixedWidthFlex((@xf-messagePadding * 2 + @_message-actionColumnWidth));
	}

	&.message-cell--main
	{
		flex: 1 1 auto;
		width: 100%;
		min-width: 0;

		&.is-editing
		{
			padding: 0;
		}

		// should really only happen when editing
		.block
		{
			margin: 0;
		}

		.block-container
		{
			margin: 0;
			border: none;
		}
	}

	&.message-cell--alert
	{
		font-size: @xf-fontSizeSmall;
		flex: 1 1 auto;
		width: 100%;
		min-width: 0;
		.xf-contentAccentBase();

		a
		{
			.xf-contentAccentLink();
		}
	}

	&.message-cell--extra
	{
		.m-fixedWidthFlex((@xf-messagePadding * 2 + 180));
		border-left: @xf-messageUserBlock--border-width solid @xf-messageUserBlock--border-color;
		background: @xf-contentAltBg;

		.formRow-explain
		{
			margin: @xf-paddingMedium 0 0;
			.xf-formExplain();
			.m-textColoredLinks();
			font-size: 80%;
		}
	}

	&.message-cell--header,
	&.message-cell--solutionHeader
	{
		flex: 1 1 auto;
		width: 100%;
		min-width: 0;
		padding: @xf-blockPaddingV @xf-blockPaddingH;
		margin: 0;
	}

	&.message-cell--header
	{
		font-weight: @xf-fontWeightNormal;
		text-decoration: none;
		.xf-blockHeader();
		border-bottom: none;

		.m-hiddenLinks();
	}

	&.message-cell--solutionHeader
	{
		color: @xf-successColor;
		font-size: @xf-fontSizeLarge;
		background: @xf-successBg;
		border-left: @xf-borderSizeFeature solid @xf-successFeatureColor;
	}
}

.message-main
{
	height: 100%;
	display: flex;
	flex-direction: column;
}

.message-content
{
	flex: 1 1 auto;

	// IE11 flex bug
	min-height: 1px;
}

.message-footer
{
	margin-top: auto;
}

.message-expandWrapper
{
	position: relative;
	overflow: hidden;
	.m-transition(-xf-height, height);

	.message-expandContent
	{
		max-height: 250px;
		overflow: hidden;
	}
	.message-expandContent--small
	{
		max-height: 160px;
	}

	&.is-expandable
	{
		.message-expandLink
		{
			display: block;
		}
	}

	&.is-expanded
	{
		.message-expandContent
		{
			max-height: none;
		}

		.message-expandLink
		{
			display: none;
		}
	}
}

.message-column
{
	display: flex;
	flex-direction: column;
	align-items: center;
}

.message-expandLink
{
	display: none;
	position: absolute;
	top: 60%;
	bottom: 0;
	left: 0;
	right: 0;
	cursor: pointer;
	z-index: @zIndex-1;

	.m-gradient(
		fade(@xf-contentBase--background-color, 0%),
		xf-default(@xf-contentBase--background-color, transparent),
		transparent,
		0%,
		70%
	);

	&:empty
	{
		cursor: auto;

		.m-gradient(
			fade(@xf-contentBase--background-color, 0%),
			xf-default(@xf-contentBase--background-color, transparent),
			transparent,
			0%,
			100%
		);
	}

	a
	{
		position: absolute;
		bottom: @xf-messagePadding;
		left: 0;
		right: 0;
		text-align: center;
		font-size: @xf-fontSizeSmall;
		color: @xf-textColorAttention;
		text-decoration: none;
	}
}

.message-microdata
{
	display: none;
}

@media (max-width: @xf-messageSingleColumnWidth)
{
	.message:not(.message--forceColumns)
	{
		.message-inner
		{
			display: block;
		}

		.message-cell
		{
			display: block;
			.m-clearFix();

			&.message-cell--user
			{
				width: auto;
				border-right: none;
				border-bottom: @xf-messageUserBlock--border-width solid @xf-messageUserBlock--border-color;
			}

			&.message-cell--vote
			{
				width: auto;
				border-left: none;
				border-top: @xf-messageUserBlock--border-width solid @xf-messageUserBlock--border-color;

				.solutionIcon
				{
					margin-top: 0;
				}
			}

			&.message-cell--main
			{
				padding-left: @xf-messagePadding;
			}

			&.message-cell--extra
			{
				width: auto;
				border-left: none;
				border-top: @xf-messageUserBlock--border-width solid @xf-messageUserBlock--border-color;
			}
		}

		.message-column
		{
			flex-direction: row;
			justify-content: space-evenly;
		}
	}

	.message--simple:not(.message--forceColumns),
	.message--quickReply:not(.message--forceColumns)
	{
		.message-cell.message-cell--user
		{
			display: none;
		}
	}
}

// ######################## USER COLUMN #########################

.message-userArrow
{
	display: none;
	position: absolute;
	top: (@xf-messagePadding * 2);
	right: -1px;

	.m-triangleLeft(xf-default(@xf-messageUserBlock--border-color, transparent), @xf-messagePadding);

	&:after
	{
		position: absolute;
		top: ((@xf-messagePadding - 1px) * -1);
		right: (@xf-messagePadding * -1);
		content: "";

		.m-triangleLeft(@xf-contentBg, (@xf-messagePadding - 1px));
	}
}

.message-avatar
{
	text-align: center;

	.avatar
	{
		vertical-align: bottom;
		padding: @xf-paddingSmall;
		border: @xf-borderSize solid @xf-borderColor;
	}
}

.message-avatar-wrapper
{
	position: relative;
	display: inline-block;
	vertical-align: bottom;
	margin-bottom: .5em;

	.message-avatar-online
	{
		// center bottom position
		position: absolute;
		top: 9px;
		left: 6px;

		height: calc(1em + 4px);
		border-radius: 50%;
		padding: 2px;

		&:before
		{
			.m-faIcon(@fa-var-solid-circle, 1em);
			vertical-align: top;
			color: #80d3ab;
			font-size: 10px;
			border: @xf-borderSize solid @xf-borderColor;
			border-radius: 50%;
		}
	}
}

.message-name
{
	font-weight: @xf-fontWeightHeavy;
	font-size: inherit;
	text-align: center;
	margin: 0;
}

.message-userTitle
{
	font-size: @xf-fontSizeSmaller;
	font-weight: normal;
	text-align: center;
	margin: 0;
}

.message-userBanner.userBanner
{
	display: block;
	margin-top: 3px;
}

.message-userExtras
{
	margin-top: @xf-paddingSmall;
	font-size: @xf-fontSizeSmaller;
	
	dl.pairs
	{
		background-color: @xf-contentBg;
		padding: @xf-paddingSmall @xf-paddingMedium;
		border: @xf-borderSize solid @xf-borderColor;
		border-radius: @xf-blockBorderRadius;
		margin-bottom: @xf-paddingSmall;
	}
}

.message--deleted
{
	.message-userDetails
	{
		display: none;
	}

	.message-avatar .avatar
	{
		.m-avatarSize(@avatar-s);
	}
}

@media (max-width: @xf-messageSingleColumnWidth)
{
	.message:not(.message--forceColumns)
	{
		.message-userArrow
		{
			top: auto;
			right: auto;
			bottom: -1px;
			left: (@avatar-s / 2);

			border: none;
			.m-triangleUp(xf-default(@xf-messageUserBlock--border-color, transparent), @xf-messagePadding);

			&:after
			{
				top: auto;
				right: auto;
				left: ((@xf-messagePadding - 1px) * -1);
				bottom: (@xf-messagePadding * -1);

				border: none;
				.m-triangleUp(@xf-contentBg, (@xf-messagePadding - 1px));
			}
		}

		&.is-mod-selected
		{
			.message-userArrow:after
			{
				border-color: transparent;
				border-bottom-color: @xf-inlineModHighlightColor;
			}
		}

		.message-user
		{
			display: flex;
		}

		.message-avatar
		{
			margin-bottom: 0;

			.avatar
			{
				.m-avatarSize(@avatar-s);
				
				& + .message-avatar-online
				{
					top: 0;
					left: 0;
				}
			}
		}

		.message-userDetails
		{
			flex: 1;
			min-width: 0;
			padding-left: @xf-messagePadding;
		}
		
		.message-userName
		{
			justify-content: flex-start;
		}

		.message-name
		{
			text-align: left;
		}

		.message-userTitle,
		.message-userBanner.userBanner
		{
			display: inline-block;
			text-align: left;
			margin: 0;
		}

		.message-userExtras
		{
			display: none;
		}

		.message--deleted
		{
			.message-userDetails
			{
				display: block;
			}
		}
	}
}

// ####################### MAIN COLUMN ####################

.message-content
{
	position: relative;

	.js-selectToQuoteEnd
	{
		height: 0;
		font-size: 0;
		overflow: hidden;
	}

	.message--multiQuoteList &
	{
		min-height: 80px;
		max-height: 120px;
		overflow: hidden;

		.message-body
		{
			pointer-events: none;
		}
	}
}

.message-attribution
{
	color: @xf-textColorMuted;
	font-size: @xf-fontSizeSmaller;
	padding-bottom: @xf-paddingMedium;
	border-bottom: @xf-borderSize solid @xf-borderColorLight;
	.m-clearFix();

	&.message-attribution--plain
	{
		border-bottom: none;
		font-size: inherit;
		padding-bottom: 0;
	}

	&.message-attribution--split
	{
		display: flex;
		align-items: flex-end;
		flex-wrap: wrap;

		.message-attribution-opposite
		{
			margin-left: auto;
		}
	}
}

.message-attribution-main
{
	float: left;
}

.message-attribution-opposite
{
	float: right;

	&.message-attribution-opposite--list
	{
		display: flex;
		.m-listPlain();

		> li
		{
			margin-left: 14px;

			&:first-child
			{
				margin-left: 0;
			}
		}
	}

	a
	{
		color: inherit;

		&:hover
		{
			text-decoration: none;
			color: @xf-linkHoverColor;
		}
	}
}

.message-attribution-gadget
{
	display: inline-block;
	margin: -3px -7px;
	padding: 3px 7px;
}

.message-attribution-source
{
	font-size: @xf-fontSizeSmaller;
	margin-bottom: @xf-paddingSmall;
}

.message-attribution-user
{
	font-weight: @xf-fontWeightHeavy;

	.avatar
	{
		display: none;
	}

	.attribution
	{
		display: inline;
		font-size: inherit;
		font-weight: inherit;
		margin: 0;
	}
}

.message-newIndicator,
a.message-newIndicator
{
	.xf-messageNewIndicator();
	white-space: nowrap;
}

a.message-newIndicator:hover
{
	color: @xf-messageNewIndicator--color;
}

.message-minorHighlight
{
	font-size: @xf-fontSizeSmall;
	color: @xf-textColorFeature;
}

.message-fields
{
	margin: @xf-messagePadding 0;

	.message--simple &
	{
		margin-top: @xf-messagePaddingSmall;
		margin-bottom: @xf-messagePaddingSmall;
	}

	&:last-child
	{
		margin-bottom: 0;
	}
}

.message-body
{
	margin: @xf-messagePadding 0;
	font-family: @xf-fontFamilyBody;
	.m-clearFix();

	.message--simple &
	{
		margin-top: @xf-messagePaddingSmall;
		margin-bottom: @xf-messagePaddingSmall;
	}

	&:last-child
	{
		margin-bottom: 0;
	}

	.message-title
	{
		// basically replicates .structItem-title
		font-size: @xf-fontSizeLarge;
		font-weight: @xf-fontWeightNormal;
		margin: 0 0 @xf-messagePadding 0;
		padding: 0;
	}
}

.message-attachments
{
	margin: .5em 0;
}

.message-attachments-list
{
	.m-listPlain();
}

.message-lastEdit
{
	margin-top: .5em;
	color: @xf-textColorMuted;
	font-size: @xf-fontSizeSmallest;
	text-align: right;
}

.message-signature
{
	margin-top: @xf-messagePadding;
	.xf-messageSignature();
}

.message-actionBar .actionBar-set
{
	margin-top: @xf-messagePadding;
	font-size: @xf-fontSizeSmall;

	.message--simple &
	{
		margin-top: @xf-messagePaddingSmall;
	}
}

.message .likesBar
{
	margin-top: @xf-messagePadding;
	padding: @xf-messagePaddingSmall;
}

.message .reactionsBar
{
	margin-top: @xf-messagePadding;
	padding: @xf-messagePaddingSmall;
}

.message-historyTarget
{
	margin-top: @xf-messagePadding;
}

.message-gradient
{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 60px;

	.m-gradient(fade(@xf-contentBg, 0%), @xf-contentBg, @xf-contentBg, 0%, 90%);
}

.message-responses
{
	margin-top: @xf-messagePaddingSmall;
	font-size: @xf-fontSizeSmall;

	.editorPlaceholder
	{
		.input
		{
			font-size: inherit;
		}
	}
}

.message-responseRow
{
	margin-top: (@xf-minorBlockContent--border-width * -1);
	.xf-minorBlockContent();
	padding: @xf-messagePaddingSmall;

	// note that border radiuses are very difficult to do here due to a lot of dynamic showing/hiding

	&.message-responseRow--likes,
	&.message-responseRow--reactions
	{
		.m-transitionFadeDown(@display: flex);
		align-items: center;
	}
}

@media (max-width: @xf-messageSingleColumnWidth)
{
	.message:not(.message--forceColumns)
	{
		.message-attribution-user .avatar
		{
			display: inline-flex;
			.m-avatarSize((@xf-fontSizeNormal * @xf-lineHeightDefault));
		}

		.message-content
		{
			// this is 1px to workaround an IE11 issue - see #139187
			min-height: 1px;
		}
	}
}

@media (max-width: @xf-responsiveNarrow)
{
	.message-signature
	{
		display: none;
	}
}

// MESSAGE MENU

.message-menuGroup
{
	display: inline-block;
}

.message-menuTrigger
{
	display: inline-block;

	&:after
	{
		.m-menuGadget(); // 1em
		text-align: right;
	}

	&:hover:after
	{
		color: black;
	}
}

.message-menu-section
{
	&--editDelete
	{
		.menu-linkRow
		{
			font-weight: @xf-fontWeightHeavy;
			font-size: @xf-fontSizeNormal;
		}
	}
}

.message-menu-link
{
	&--delete i:after
	{
		.m-faContent(@fa-var-trash-alt);
	}
	&--edit i:after
	{
		.m-faContent(@fa-var-edit);
	}
	&--report i:after
	{
		.m-faContent(@fa-var-frown);
	}
	&--warn i:after
	{
		.m-faContent(@fa-var-exclamation-triangle);
	}
	&--spam i:after
	{
		.m-faContent(@fa-var-ban);
	}
	&--ip i:after
	{
		.m-faContent(@fa-var-sitemap);
	}
	&--history i:after
	{
		.m-faContent(@fa-var-history);
	}
	&--follow i:after
	{
		.m-faContent(@fa-var-user-plus);
	}
	&--ignore i:after
	{
		.m-faContent(@fa-var-user-times);
	}
	&--share i:after
	{
		.m-faContent(@fa-var-share-alt);
	}
}

// ############################# CUSTOM FOR MESSAGE VARIANTS ##############

.message-articleUserInfo
{
	.xf-messageUserBlock(no-border);
	border-top: @xf-messageUserBlock--border-width solid @xf-messageUserBlock--border-color;

	&:last-child
	{
		.m-borderBottomRadius(@block-borderRadius-inner);
	}

	.contentRow-figure
	{
		width: @xf-messageUserBlockWidth;
		text-align: center;
	}

	.contentRow-main
	{
		padding-left: (@xf-messagePadding * 2);
		text-align: left;
	}

	@media (max-width: @xf-messageSingleColumnWidth)
	{
		.contentRow-figure
		{
			width: auto;
		}

		.contentRow-main
		{
			padding-left: @xf-paddingLarge;
		}
	}
}

.message-articleWrittenBy
{
	color: @xf-textColorMuted;
	font-size: @xf-fontSizeSmall;
}

.message-articleUserName
{
	font-weight: @xf-fontWeightHeavy;
	font-size: @xf-fontSizeLarger;
 	margin: 0;
	display: inline;
}

.message-articleUserBlurb,
.message-articleUserBlurb div
{
	font-size: @xf-fontSizeSmall;
	display: inline;
}

.message-articleUserAbout
{
	font-size: @xf-fontSizeSmall;
	margin: .5em 0;
}

.message-articleUserBanners .userBanner
{
	margin-bottom: 3px;
}

.message-articleUserStats
{
	font-size: @xf-fontSizeSmall;
	color: @xf-textColorMuted;
}

@media (max-width: @xf-responsiveNarrow)
{
	.message-articleUserStats
	{
		display: none;
	}
}

// ############################# COMMENTS ###############

.comment
{
}

.comment-inner
{
	display: table;
	table-layout: fixed;
	width: 100%;
}

.comment-avatar
{
	display: table-cell;
	width: 24px;
	vertical-align: top;

	.avatar,
	img
	{
		vertical-align: bottom;
	}
}

.comment-main
{
	display: table-cell;
	padding-left: @xf-messagePadding;
	vertical-align: top;
}

.comment-contentWrapper
{
	margin-bottom: @xf-messagePaddingSmall;
}

.comment-user
{
	font-weight: @xf-fontWeightHeavy;
}

.comment-body
{
	display: inline;
}

.comment-note
{
	color: @xf-textColorMuted;
	font-size: @xf-fontSizeSmallest;
}

.comment-input
{
	display: block;
	height: 2.34em;
	margin-bottom: @xf-messagePaddingSmall;
}

.comment-actionBar .actionBar-set
{
	margin-top: @xf-messagePaddingSmall;
	color: @xf-textColorMuted;
}

.comment-likes,
.comment-reactions
{
	.m-transitionFadeDown(@display: flex);

	margin-top: @xf-messagePaddingSmall;
	font-size: @xf-fontSizeSmaller;
	align-items: center;
}

// ################################## MESSAGE QUICK REPLY ADDITIONS #############

.formSubmitRow.formSubmitRow--messageQr
{
	.formSubmitRow-controls
	{
		text-align: center;
		padding-left: 0;
		padding-right: 0;
		margin-left: @xf-messagePadding;
		margin-right: @xf-messagePadding;

		@media (max-width: @xf-formResponsive)
		{
			text-align: right;
		}
	}
}

// ################################## MESSAGE NOTICES #############################

.messageNotice
{
	margin: @xf-messagePaddingSmall 0;
	padding: @xf-messagePaddingSmall @xf-messagePadding;
	.xf-contentAccentBase();
	font-size: @xf-fontSizeSmaller;
	border-left: @xf-borderSizeMinorFeature solid @xf-borderColorAttention;
	border-radius: @xf-blockBorderRadius;

	&.messageNotice--nested
	{
		border-left-width: @xf-borderSize;
	}

	&:not(.messageNotice--highlighted)
	{
		a,
		a:hover
		{
			.xf-contentAccentLink();
			font-weight: @xf-fontWeightHeavy;
		}
	}

	&:before
	{
		display: inline-block;
		.m-faBase();
		padding-right: .2em;
		font-size: 125%;
		.xf-contentAccentLink();
	}

	&.messageNotice--highlighted
	{
		.xf-contentHighlightBase();
		border-left-color: @xf-borderColorFeature;

		&:before
		{
			color: @xf-contentHighlightBase--color;
		}
	}

	&.messageNotice--deleted:before { .m-faContent(@fa-var-trash-alt); } // , .88em
	&.messageNotice--moderated:before { .m-faContent(@fa-var-shield); } // , 1em
	&.messageNotice--warning:before { .m-faContent(@fa-var-exclamation-triangle); } // , 1em
	&.messageNotice--ignored:before { .m-faContent(@fa-var-microphone-slash); } // , 1.25em
}

// ##################### MESSAGE VARIANTS/RESPONSIVE ##################

@media (min-width: @xf-responsiveEdgeSpacerRemoval)
{
	.block:not(.block--messages)
	{
		@{block-noStripSel} > .block-body:first-child > .message:first-child,
		.block-topRadiusContent.message,
		.block-topRadiusContent > .message:first-child
		{
			.message-inner:first-of-type .message-cell
			{
				&:first-child { border-top-left-radius: @block-borderRadius-inner; }
				&:last-child { border-top-right-radius: @block-borderRadius-inner; }
			}
		}

		@{block-noStripSel} > .block-body:last-child > .message:last-child,
		.block-bottomRadiusContent.message,
		.block-bottomRadiusContent > .message:last-child
		{
			.message-inner:last-of-type .message-cell
			{
				&:first-child { border-bottom-left-radius: @block-borderRadius-inner; }
				&:last-child { border-bottom-right-radius: @block-borderRadius-inner; }
			}
		}
	}
}

.block--messages
{
	.block-container
	{
		background: none;
		border: none;
	}

	.message,
	.block-row
	{
		.xf-blockBorder();
		background: fade(@xf-contentBg, 10%);
		border-radius: @xf-blockBorderRadius;

		+ .message,
		+ .block-row
		{
			margin-top: @xf-paddingLargest;
		}
	}

	.block-filterBar
	{
		.xf-blockBorder();
		border-radius: @xf-blockBorderRadius;
		margin-bottom: @xf-blockPaddingV;
	}

	.message-spacer
	{
		+ .message,
		+ .block-row
		{
			margin-top: @xf-blockPaddingV;
		}
	}

	.message-inner .message-cell
	{
		border-radius: 0;
	}

	.message-inner:first-of-type .message-cell
	{
		&:first-child { border-top-left-radius: @block-borderRadius-inner; }
		&:last-child { border-top-right-radius: @block-borderRadius-inner; }
	}

	.message-inner:last-of-type .message-cell
	{
		&:first-child { border-bottom-left-radius: @block-borderRadius-inner; }
		&:last-child { border-bottom-right-radius: @block-borderRadius-inner; }
	}

	@media (max-width: @xf-messageSingleColumnWidth)
	{
		.message-inner
		{
			.message-cell
			{
				border-radius: 0;
			}

			&:first-of-type .message-cell:first-child
			{
				border-top-left-radius: @block-borderRadius-inner;
				border-top-right-radius: @block-borderRadius-inner;
			}

			&:last-of-type .message-cell:last-child
			{
				border-bottom-left-radius: @block-borderRadius-inner;
				border-bottom-right-radius: @block-borderRadius-inner;
			}
		}

		.message--simple .message-cell--user + .message-cell
		{
			border-radius: 0;
			border-top-left-radius: @block-borderRadius-inner;
			border-top-right-radius: @block-borderRadius-inner;
		}
	}

	@media (max-width: @xf-responsiveEdgeSpacerRemoval)
	{
		.message .message-inner .message-cell
		{
			border-radius: 0;

			&:first-child,
			&:last-child
			{
				border-radius: 0;
			}
		}

		.message--simple .message-cell--user + .message-cell
		{
			border-radius: 0;
		}
	}
}

.message--article
{
	&.is-moderated
	{
		background: @xf-contentHighlightBg;
	}

	&.is-deleted
	{
		opacity: .65;
	}
}

// article preview view for thread list
.message--articlePreview
{
	display: flex;
	flex-direction: column;
	min-width: 0;
	margin-bottom: @xf-paddingLarge;
	overflow: hidden;

	&:last-child
	{
		margin-bottom: 0;
	}

	.articlePreview-main
	{
		display: flex;
		flex-direction: column;
		flex: 1 1 auto;
	}

	.articlePreview-image
	{
		flex: 0 0 auto;
		width: 100%;
		max-width: 750px;
		text-decoration: none;

		> img
		{
			display: block;
			width: 100%;
			aspect-ratio: 4 / 3;
			object-fit: cover;
		}

		& + .articlePreview-text
		{
			.bbImageWrapper,
			.bbImage
			{
				display: none;
			}
		}
	}

	.articlePreview-text
	{
		flex: 1 1 auto;
		display: flex;
		min-width: 0;
		flex-direction: column;
		padding: @xf-messagePadding;

		.bbWrapper
		{
			.m-fadeOutLines(8, @xf-contentBg);
		}
	}

	.articlePreview-title
	{
		margin: 0;
		font-size: @xf-fontSizeLarge;
	}

	.articlePreview-content
	{
		flex: 1 1 auto;
	}

	.articlePreview-links
	{
		text-align: right;
		padding-top: @xf-blockPaddingV;
	}

	.articlePreview-statuses
	{
		float: left;
		display: flex;
		list-style: none;
		margin: 0;
		padding: 0;

		> li
		{
			margin-right: 8px;
		}

		.message-newIndicator
		{
			font-size: @xf-fontSizeSmall;
		}
	}

	.articlePreview-footer
	{
		padding: 0 @xf-blockPaddingH;
	}

	.articlePreview-meta
	{
		display: flex;
		align-items: center;

		border-top: solid 1px @xf-borderColor;
		padding: @xf-blockPaddingV 0;

		color: @xf-textColorMuted;
		font-size: @xf-fontSizeSmall;

		> li
		{
			margin-right: @xf-blockPaddingH;

			&:last-child
			{
				margin-right: 0;
			}
		}
	}

	.articlePreview-replies
	{
		white-space: nowrap;
	}

	.articlePreview-by,
	.articlePreview-repliesLabel
	{
		display: none;
	}
}

.block--articles.block--messages.block--expanded
{
	.article-title
	{
		// from .p-title-value
		margin: 0 0 5px;
		font-size: @xf-fontSizeLargest;
		font-weight: @xf-fontWeightNormal;
	}

	.message-snippet-link
	{
		margin-top: .5em;
		text-align: center;
	}

	.message + .message
	{
		margin-top: @xf-paddingLargest;
	}
}

// expanded article grid behavior
@supports (display: grid)
{
	@media (min-width: @xf-responsiveMedium)
	{
		.block--previews .block-body
		{
			display: grid;
			gap: @xf-paddingLarge;
			grid-template-rows: auto;
			grid-template-columns: repeat(2, 1fr);
			grid-template-areas: "a a";

			> .message:first-of-type:last-of-type
			{
				grid-area: a;
			}

			> .message--articlePreview
			{
				margin-bottom: 0;

				// first five
				&:nth-of-type(-n+5)
				{
					.articlePreview-title
					{
						font-size: @xf-fontSizeLarger;
					}

					.articlePreview-image
					{
						max-width: none;

						> img
						{
							aspect-ratio: 5 / 3;
						}
					}

					.articlePreview-meta
					{
						.articlePreview-by
						{
							display: block;
						}
					}
				}

				// first
				&:first-of-type
				{
					grid-area: a;

					.articlePreview-title
					{
						font-size: @xf-fontSizeLargest;
					}

					.articlePreview-meta
					{
						border-top: none;
					}

					.articlePreview-main
					{
						flex-direction: row-reverse;
					}

					.articlePreview-image
					{
						width: 50%;
						height: 100%;

						> img
						{
							height: 100%;
						}
					}
				}
			}
		}
	}

	// max width multi-columns
	.m-maxPreviewColumns()
	{
		.block--previews .block-body
		{
			grid-template-columns: repeat(4, 1fr);
			grid-template-areas:
				"a a a a"
				"b_1 b_1 b_2 b_2"
				"b_3 b_3 b_4 b_4";

			> .message:first-of-type:last-of-type
			{
				grid-area: a;
			}

			> .message--articlePreview
			{
				&:nth-of-type(1) { grid-area: a; }
				&:nth-of-type(2) { grid-area: b_1; }
				&:nth-of-type(3) { grid-area: b_2; }
				&:nth-of-type(4) { grid-area: b_3; }
				&:nth-of-type(5) { grid-area: b_4; }
			}
		}
	}

	.p-body-main:not(.p-body-main--withSidebar)
	{
		@media (min-width: @xf-responsiveWide)
		{
			.m-maxPreviewColumns();
		}
	}

	.p-body-main--withSidebar
	{
		@media (min-width: (@xf-responsiveWide + @xf-sidebarWidth))
		{
			.m-maxPreviewColumns();
		}
	}
}]]></template>
    <template title="message_macros" type="public" addon_id="XF" version_id="2030470" version_string="2.3.4"><![CDATA[<xf:macro id="user_info"
	arg-user="!"
	arg-fallbackName=""
	arg-includeMicrodata="{{ true }}"
	arg-itemProp="">

	<section class="message-user"
		{{ ($includeMicrodata && $itemProp) ? 'itemprop="' . $itemProp . '"' : '' }}
		{{ $includeMicrodata ? 'itemscope itemtype="https://schema.org/Person"' : '' }}
		{{ ($includeMicrodata && $user) ? 'itemid="' . link('canonical:members', $user) . '"' : '' }}>

		<xf:if is="$includeMicrodata && $user">
			<meta itemprop="url" content="{{ link('canonical:members', $user) }}" />
		</xf:if>

		<div class="message-avatar {{ ($xf.options.showMessageOnlineStatus && $user && $user.isOnline()) ? 'message-avatar--online' : '' }}">
			<div class="message-avatar-wrapper">
				<xf:avatar user="$user" size="m" defaultname="{$fallbackName}" itemprop="{{ $includeMicrodata ? 'image' : '' }}" />
				<xf:if is="$xf.options.showMessageOnlineStatus && $user">
					<xf:if is="$user.isOnline()">
						<span class="message-avatar-online" tabindex="0" data-xf-init="tooltip" data-trigger="auto" title="{{ phrase('online_now')|for_attr }}"></span>
					<xf:elseif is="property('dt_offline_indicator')" />
						<span class="message-avatar-offline" tabindex="0" data-xf-init="tooltip" data-trigger="auto" title="Offline"></span>
					</xf:if>
				</xf:if>
				<xf:if is="{$__globals.thread.user_id} == {$user.user_id} && (property('dt_thread_owner') != 'none')">
					<xf:if is="property('dt_thread_owner') == 'icon'">
						<div class="message-avatar-owner" data-xf-init="tooltip" title="{{ phrase('thread') }} {{ phrase('author') }}">
						<xf:fa icon="fa-pen-alt" />
					</div>
					</xf:if>
				</xf:if>
			</div>
		</div>
		<div class="message-userDetails">
			<h4 class="message-name"><xf:username user="$user" rich="true" defaultname="{$fallbackName}" itemprop="{{ $includeMicrodata ? 'name' : '' }}" /></h4>
			<xf:usertitle user="$user" tag="h5" class="message-userTitle" banner="true" itemprop="{{ $includeMicrodata ? 'jobTitle' : '' }}" />
			<xf:userbanners user="$user" tag="div" class="message-userBanner" itemprop="{{ $includeMicrodata ? 'jobTitle' : '' }}" />
		</div>
		<xf:if is="$user.user_id">
			<xf:set var="$extras" value="{{ property('messageUserElements') }}" />
			<xf:if contentcheck="true">
				<div class="message-userExtras{{ (property('dt_collapsible_extras') AND property('dt_messages_layout') == 'option1') ? ' message-userExtras-body message-userExtras--collapsible' : '' }}">
				<xf:contentcheck>
					<xf:if is="$extras.register_date">
						<dl class="pairs pairs--justified">
							<dt>{{ phrase('joined') }}</dt>
							<dd>{{ date($user.register_date) }}</dd>
						</dl>
					</xf:if>
					<xf:if is="$extras.message_count">
						<dl class="pairs pairs--justified">
							<dt>{{ phrase('messages') }}</dt>
							<dd>{$user.message_count|number}</dd>
						</dl>
					</xf:if>
					<xf:if is="$extras.solutions AND $user.question_solution_count">
						<dl class="pairs pairs--justified">
							<dt>{{ phrase('solutions') }}</dt>
							<dd>{$user.question_solution_count|number}</dd>
						</dl>
					</xf:if>
					<xf:if is="$extras.reaction_score">
						<dl class="pairs pairs--justified">
							<dt>{{ phrase('reaction_score') }}</dt>
							<dd>{$user.reaction_score|number}</dd>
						</dl>
					</xf:if>
					<xf:if is="$extras.trophy_points && $xf.options.enableTrophies">
						<dl class="pairs pairs--justified">
							<dt>{{ phrase('points') }}</dt>
							<dd>{$user.trophy_points|number}</dd>
						</dl>
					</xf:if>
					<xf:if is="$extras.age && $user.Profile.age">
						<dl class="pairs pairs--justified">
							<dt>{{ phrase('age') }}</dt>
							<dd>{$user.Profile.age}</dd>
						</dl>
					</xf:if>
					<xf:if is="$extras.location && $user.Profile.location">
						<dl class="pairs pairs--justified">
							<dt>{{ phrase('location') }}</dt>
							<dd>
								<xf:if is="$xf.options.geoLocationUrl">
									<a href="{{ link('misc/location-info', '', {'location': $user.Profile.location}) }}" rel="nofollow noreferrer" target="_blank" class="u-concealed">{$user.Profile.location}</a>
								<xf:else />
									{$user.Profile.location}
								</xf:if>
							</dd>
						</dl>
					</xf:if>
					<xf:if is="$extras.website && $user.Profile.website">
						<dl class="pairs pairs--justified">
							<dt>{{ phrase('website') }}</dt>
							<dd><a href="{$user.Profile.website}" rel="nofollow" target="_blank">{$user.Profile.website|url_display('host', phrase('visit_site'))}</a></dd>
						</dl>
					</xf:if>
					<xf:if is="$extras.custom_fields">
						<xf:macro id="custom_fields_macros::custom_fields_values"
							arg-type="users"
							arg-group="personal"
							arg-set="{$user.Profile.custom_fields}"
							arg-additionalFilters="{{ ['message'] }}"
							arg-valueClass="pairs pairs--justified" />
						<xf:if is="$user.canViewIdentities()">
							<xf:macro id="custom_fields_macros::custom_fields_view"
								arg-type="users"
								arg-group="contact"
								arg-set="{$user.Profile.custom_fields}"
								arg-additionalFilters="{{ ['message'] }}"
								arg-valueClass="pairs pairs--justified" />
						</xf:if>
					</xf:if>
				</xf:contentcheck>
				</div>
			</xf:if>
		</xf:if>
		<span class="message-userArrow"></span>
	</section>
</xf:macro>

<xf:macro id="user_info_simple" arg-user="!" arg-fallbackName="" arg-includeMicrodata="{{ true }}" arg-itemProp="">
	<header class="message-user"
		{{ ($includeMicrodata && $itemProp) ? 'itemprop="' . $itemProp . '"' : '' }}
		{{ $includeMicrodata ? 'itemscope itemtype="https://schema.org/Person"' : '' }}
		{{ ($includeMicrodata && $user) ? 'itemid="' . link('canonical:members', $user) . '"' : '' }}>

		<xf:if is="$includeMicrodata">
			<meta itemprop="name" content="{{ $user.username ?: $fallbackName }}" />
			<xf:if is="$user">
				<meta itemprop="url" content="{{ link('canonical:members', $user) }}" />
			</xf:if>
		</xf:if>

		<div class="message-avatar">
			<div class="message-avatar-wrapper">
				<xf:avatar user="$user" size="s" defaultname="{$fallbackName}" itemprop="{{ $includeMicrodata ? 'image' : '' }}" />
			</div>
		</div>
		<span class="message-userArrow"></span>
	</header>
</xf:macro>

<xf:macro id="attachments" arg-attachments="!" arg-message="!" arg-canView="!">
	<xf:if contentcheck="true">
		<xf:css src="attachments.less" />
		<section class="message-attachments">
			<h4 class="block-textHeader">{{ phrase('attachments') }}</h4>
			<ul class="attachmentList">
				<xf:contentcheck>
					<xf:foreach loop="$attachments" value="$attachment" if="!$message.isAttachmentEmbedded($attachment)">
						<xf:macro id="attachment_macros::attachment_list_item"
							arg-attachment="{$attachment}"
							arg-canView="{$canView}" />
					</xf:foreach>
				</xf:contentcheck>
			</ul>
		</section>
	</xf:if>
</xf:macro>

<xf:macro id="signature" arg-user="!">
	<xf:if is="$xf.visitor.Option.content_show_signature AND $user.Profile.signature">
		<xf:if contentcheck="true">
			<aside class="message-signature">
			<xf:contentcheck>
				{{ bb_code($user.Profile.signature, 'user:signature', $user) }}
			</xf:contentcheck>
			</aside>
		</xf:if>
	</xf:if>
</xf:macro>]]></template>
    <template title="mh_hide_editor_dialog_days" type="public" addon_id="MMO/Hide" version_id="2020770" version_string="2.2.7"><![CDATA[<xf:title>{{ phrase('mh_dialog_hide_days_title') }} </xf:title>

<xf:extends template="mh_hide_dialog" />

<xf:extension name="tag" value="days" />

<xf:extension name="body">
	<xf:macro name="mh_hide_dialog_macros::number_row" 
			  arg-label="{{ phrase('mh_dialog_hide_days_label') }}"
			  arg-explain="{{ phrase('mh_dialog_hide_days_label_explain') }}" />
	
	<xf:macro name="mh_hide_dialog_macros::editor_row" 
			  arg-label="{{ phrase('mh_dialog_hide_days_content') }}"
			  arg-explain="{{ phrase('mh_dialog_hide_days_content_explain') }}" />
</xf:extension>]]></template>
    <template title="nechaev_config.less" type="public" addon_id="" version_id="0" version_string=""><![CDATA[@supports (backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px)) {
    .formSubmitRow.formSubmitRow--sticky.is-sticky .formSubmitRow-bar {
        box-shadow:none
    }

    @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
        .formSubmitRow.formSubmitRow--sticky.is-sticky .formSubmitRow-bar {
            --backdrop-filter:blur(10px);
            -webkit-backdrop-filter: var(--backdrop-filter);
            backdrop-filter: var(--backdrop-filter)
        }
    }

    @supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
        .formSubmitRow.formSubmitRow--sticky.is-sticky .formSubmitRow-bar {
            background:none
        }
    }
}

@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
    .menu-content {
        --backdrop-filter:blur(3px);
        -webkit-backdrop-filter: var(--backdrop-filter);
        backdrop-filter: var(--backdrop-filter)
    }
}

@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    .menu-content {
        background:none
    }
}

@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
    .dataList-row.dataList-row--header .dataList-cell {
        --backdrop-filter:blur(5px);
        -webkit-backdrop-filter: var(--backdrop-filter);
        backdrop-filter: var(--backdrop-filter)
    }
}

@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    .dataList-row.dataList-row--header .dataList-cell {
        background:none
    }
}

@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
    .autoCompleteList {
        --backdrop-filter:blur(3px);
        -webkit-backdrop-filter: var(--backdrop-filter);
        backdrop-filter: var(--backdrop-filter)
    }
}

@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    .autoCompleteList {
        background:none
    }
}

@supports (backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px)) {
    @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
        .p-pageWrapper .p-breadcrumbs {
            --backdrop-filter:blur(134px);
            -webkit-backdrop-filter: var(--backdrop-filter);
            backdrop-filter: var(--backdrop-filter)
        }
    }

    @supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
        .p-pageWrapper .p-breadcrumbs {
            background:none
        }
    }
}

@supports (backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px)) {
    @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
        .p-body-sidebar .block-container {
            --backdrop-filter:blur(12px);
            -webkit-backdrop-filter: var(--backdrop-filter);
            backdrop-filter: var(--backdrop-filter)
        }
    }

    @supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
        .p-body-sidebar .block-container {
            background:none
        }
    }
}

@supports (backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px)) {
    @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
        .p-sideNav .collapseTrigger:not(.button) {
            --backdrop-filter:blur(134px);
            -webkit-backdrop-filter: var(--backdrop-filter);
            backdrop-filter: var(--backdrop-filter)
        }
    }

    @supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
        .p-sideNav .collapseTrigger:not(.button) {
            background:none
        }
    }
}

@supports (backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px)) {
    @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
        .p-sideNav .p-navSticky.is-sticky {
            --backdrop-filter:blur(134px);
            -webkit-backdrop-filter: var(--backdrop-filter);
            backdrop-filter: var(--backdrop-filter)
        }
    }

    @supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
        .p-sideNav .p-navSticky.is-sticky {
            background:none
        }
    }
}


@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
    .p-search-menu {
        --backdrop-filter:blur(134px);
        -webkit-backdrop-filter: var(--backdrop-filter);
        backdrop-filter: var(--backdrop-filter)
    }
}

@supports (backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px)) {
    @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
        .block-container.block-container-nodes {
            --backdrop-filter:blur(12px);
            -webkit-backdrop-filter: var(--backdrop-filter);
            backdrop-filter: var(--backdrop-filter)
        }
    }

    @supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
        .block-container.block-container-nodes {
            background:none
        }
    }
}
@supports (backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px)) {
    @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
        .offCanvasMenu--nav .offCanvasMenu-content {
            --backdrop-filter:blur(134px);
            -webkit-backdrop-filter: var(--backdrop-filter);
            backdrop-filter: var(--backdrop-filter)
        }
    }

    @supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
        .offCanvasMenu--nav .offCanvasMenu-content {
            background:none
        }
    }
}

@supports (backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px)) {
    @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
        .p-body-header {
            --backdrop-filter:blur(134px);
            -webkit-backdrop-filter: var(--backdrop-filter);
            backdrop-filter: var(--backdrop-filter)
        }
    }

    @supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
        .p-body-header {
            background:none
        }
    }
}

@supports (backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px)) {
    @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
        .block--messages .message,.block--messages .block-row {
            --backdrop-filter:blur(134px);
            -webkit-backdrop-filter: var(--backdrop-filter);
            backdrop-filter: var(--backdrop-filter)
        }
    }

    @supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
        .block--messages .message,.block--messages .block-row {
            background:none
        }
    }
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Sofia Sans", sans-serif;
}

.p-pageWrapper .p-breadcrumbs {
    background: fade(@xf-contentBg, 5%);
    padding: @xf-paddingLarge;
    border: 1px solid @xf-borderColor;
    border-radius: @xf-blockBorderRadius;
}

select.input, .input.input--select {
    background: @xf-contentBg;
}

@media (max-width: 1200px)
{
	.node-extra
	{
		display: block !important;
        width: auto !important;
        margin-top: -4px;
	}
}

@media (prefers-color-scheme: light) {
    :root:not([data-variation]) .block-container {
        box-shadow:hsla(0,0%,100%,.5) 0px 0px 20px -5px inset
    }
}

:root[data-color-scheme="light"] .block-container {
    box-shadow: hsla(0,0%,100%,.5) 0px 0px 20px -5px inset
}

.p-sectionLinks .p-sectionLinks-list {
    padding-top: 6px;
    border-top: 1px solid @xf-borderColor;
    margin-top: 6px;
}

:root[data-color-scheme="light"] .node-icon i {
    box-shadow: hsla(0, 0%, 100%, .2) 0px 7px 13px 0px inset, hsla(0, 0%, 100%, .3) 0px 3px 4px 0px inset, hsla(0, 0%, 100%, .1) 0px 0px 0px 1px inset;
}

@media (prefers-color-scheme: light) {
    :root:not([data-variation]) .p-navTop {
        background:hsla(0,0%,55%,10%)
    }
}

:root[data-color-scheme="light"] .p-navTop {
    background: hsla(0,0%,55%,10%)
}

@media (prefers-color-scheme: light) {
    :root:not([data-variation]) select.input,:root:not([data-variation]) .input.input--select {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4.9 10'%3E%3Cstyle%3E._xfG%7Bfill:hsl%280,0%25,28%25%29;%7D%3C/style%3E%3Cpath class='_xfG' d='M1.4 4.7l1.1-1.5 1 1.5m0 .6l-1 1.5-1.1-1.5'/%3E%3C/svg%3E") !important
    }
}

:root[data-color-scheme="light"] select.input,:root[data-color-scheme="light"] .input.input--select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4.9 10'%3E%3Cstyle%3E._xfG%7Bfill:hsl%280,0%25,28%25%29;%7D%3C/style%3E%3Cpath class='_xfG' d='M1.4 4.7l1.1-1.5 1 1.5m0 .6l-1 1.5-1.1-1.5'/%3E%3C/svg%3E") !important
}

select.input[disabled],.input.input--select[disabled] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4.9 10'%3E%3Cstyle%3E._xfG%7Bfill:hsla%280,0%25,100%25,.4%29;%7D%3C/style%3E%3Cpath class='_xfG' d='M1.4 4.7l1.1-1.5 1 1.5m0 .6l-1 1.5-1.1-1.5'/%3E%3C/svg%3E") !important
}

@media (prefers-color-scheme: light) {
    :root:not([data-variation]) select.input[disabled],:root:not([data-variation]) .input.input--select[disabled] {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4.9 10'%3E%3Cstyle%3E._xfG%7Bfill:hsl%280,0%25,51%25%29;%7D%3C/style%3E%3Cpath class='_xfG' d='M1.4 4.7l1.1-1.5 1 1.5m0 .6l-1 1.5-1.1-1.5'/%3E%3C/svg%3E") !important
    }
}

:root[data-color-scheme="light"] select.input[disabled],:root[data-color-scheme="light"] .input.input--select[disabled] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4.9 10'%3E%3Cstyle%3E._xfG%7Bfill:hsl%280,0%25,51%25%29;%7D%3C/style%3E%3Cpath class='_xfG' d='M1.4 4.7l1.1-1.5 1 1.5m0 .6l-1 1.5-1.1-1.5'/%3E%3C/svg%3E") !important
}

@media (prefers-color-scheme: light) {
    :root:not([data-variation]) .select2-container .select2-results__option.select2-results__option--highlighted,:root:not([data-variation]) .autoCompleteList>li.is-selected {
        color:@xf-textColor;
        text-decoration: none;
        border-radius: 15px
    }
}
:root[data-color-scheme="light"] .select2-container .select2-results__option.select2-results__option--highlighted,:root[data-color-scheme="light"] .autoCompleteList>li.is-selected {
    color: @xf-textColor;
    text-decoration: none;
    border-radius: 15px
}]]></template>
    <template title="node_list.less" type="public" addon_id="XF" version_id="2030670" version_string="2.3.6"><![CDATA[@_nodeList-statsCellBreakpoint: 1000px;

.block.block--category
{
	.block-header
	{
		a
		{
			color: inherit;
			text-decoration: none;
		}
	}

	.block-container
	{
		background: fade(@xf-contentBg, 15%);
	}
}

.node
{
	& + .node
	{
		margin-top: @xf-paddingLarge;
	}
}

.node-body
{
	display: table;
	table-layout: fixed;
	width: 100%;
	border: @xf-borderSize solid @xf-borderColor;
	border-radius: @xf-blockBorderRadius;
	
	&:hover
	{
		background: fade(@xf-contentAltBg, 30%);
		border: @xf-borderSize solid @xf-paletteColor1;
	}
}

.node-icon
{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: (@xf-dt_node_size + @xf-paddingLarge);
	padding: @xf-paddingLarge 0 @xf-paddingLarge @xf-paddingLarge;

	i
	{
		display: block;
		width: @xf-dt_node_size;
		height: @xf-dt_node_size;
		line-height: @xf-dt_node_size;
		font-size: 22px;
		color: @xf-nodeIconReadColor;
		border: @xf-borderSize solid @xf-borderColor;
		border-radius: @xf-blockBorderRadius;
		box-shadow: hsla(0, 0%, 0%, .2) 0px 7px 13px 0px inset, hsla(0, 0%, 0%, .3) 0px 3px 4px 0px inset, hsla(0, 0%, 0%, .1) 0px 0px 0px 1px inset;
		
		.node--unread &
		{
			background: @xf-nodeIconUnreadColor;
			color: @xf-textColorEmphasized;
		}
	}
}

.node-img
{
	display: table-cell;
	vertical-align: middle;
	width: (@xf-dt_node_size + @xf-paddingLarge);
	padding: @xf-paddingLargest 0 @xf-paddingLargest @xf-paddingLarge;
	
	i
	{
		display: block;
		width: @xf-dt_node_size;
		height: (@xf-dt_node_size - 8px);
		background: @xf-nodeIconReadColor;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		border: @xf-borderSize solid @xf-borderColor;
		border-radius: @xf-blockBorderRadius;
	}
}

.node-main
{
	display: table-cell;
	vertical-align: middle;
	padding: @xf-paddingLarge;
}

.node-stats
{
	display: table-cell;
	width: 140px;
	vertical-align: middle;
	text-align: center;
	padding: @xf-paddingLarge 0;

	> dl.pairs.pairs--rows
	{
		width: 50%;
		float: left;
		margin: 0;
		padding: 0 (@xf-paddingMedium / 2);

		&:first-child
		{
			padding-left: 0;
		}

		&:last-child
		{
			padding-right: 0;
		}
		
		> dd
		{
			color: @xf-linkColor;
			font-weight: 500;
		}
		
		> dt
		{
			font-size: 1.35em;
    		margin-right: @xf-paddingLarge;
		}
		
		.node-body &
		{
			display: flex;
    		align-items: center;
    		justify-content: center;
    		width: 100%;
		}
	}

	&.node-stats--single
	{
		width: 100px;

		> dl.pairs.pairs--rows
		{
			width: 100%;
			float: none;
		}
	}

	&.node-stats--triple
	{
		width: 240px;

		> dl.pairs.pairs--rows
		{
			width: 33.333%;
		}
	}

	@media (max-width: @_nodeList-statsCellBreakpoint)
	{
		display: none;
	}
}

@_nodeExtra-avatarSize: 36px;

.node-extra
{
	display: table-cell;
	vertical-align: middle;
	width: 280px;
	background: fade(@xf-contentAltBg, 15%);
	padding: @xf-paddingLarge;
	border-left: @xf-borderSize solid @xf-borderColor;
	font-size: @xf-fontSizeSmall;
	border-top-right-radius: @xf-blockBorderRadius;
    border-bottom-right-radius: @xf-blockBorderRadius;
}

.node-extra-row
{
	.m-overflowEllipsis();
	color: @xf-textColorMuted;
}

.node-extra-icon
{
	padding-right: @xf-paddingLarge;
	float: left;

	.avatar
	{
		.m-avatarSize(@_nodeExtra-avatarSize);
	}
}

.node-extra-title
{
	font-weight: 500;
}

.node-title
{
	margin: 0;
	padding: 0;
	font-size: @xf-fontSizeLarge;
	font-weight: 500;

	.node--unread &
	{
		font-weight: @xf-fontWeightHeavy;
	}
}

.node-description
{
	font-size: @xf-fontSizeSmall;
	color: @xf-textColorDimmed;

	&.node-description--tooltip
	{
		.has-js:not(.has-touchevents) &
		{
			display: none;
		}
	}
}

.node-meta
{
	font-size: @xf-fontSizeSmall;
}

.node-statsMeta
{
	display: none;

	@media (max-width: @_nodeList-statsCellBreakpoint)
	{
		display: inline;
	}
}

.node-bonus
{
	font-size: @xf-fontSizeSmall;
	color: @xf-textColorMuted;
	text-align: right;
}

.node-subNodesFlat
{
	font-size: @xf-fontSizeSmall;
	margin-top: .3em;

	.node-subNodesLabel
	{
		display: none;
	}
}

.node-subNodeMenu
{
	display: inline;

	.menuTrigger
	{
		color: @xf-textColorMuted;
	}
}

@media (max-width: @xf-responsiveMedium)
{
	.node-main
	{
		display: block;
		width: auto;

		.node--link &,
		.node--page &
		{
			// #168882: we only display the title for these types
			// so keep these as table-cells for vertical alignment
			display: table-cell;
		}
	}

	.node-extra-row
	{
		display: inline-block;
		vertical-align: top;
		max-width: 100%;
	}

	.node-extra-icon
	{
		display: none;
	}

	.node-description,
	.node-stats,
	.node-subNodesFlat
	{
		display: none;
	}
}

@media (max-width: @xf-responsiveNarrow)
{
	.node-subNodeMenu
	{
		display: none;
	}
}

.subNodeLink
{
	&:before,
	.subNodeLink-icon
	{
		display: inline-block;
		width: 1.28571429em;
		margin-right: .3em;
		text-decoration: none;
		text-align: center;

		color: @xf-textColorMuted;
	}

	&:before
	{
		.m-faBase();
	}

	&:hover:before
	{
		&:before,
		.subNodeLink-icon
		{
			text-decoration: none;
		}
	}

	&.subNodeLink--unread
	{
		font-weight: @xf-fontWeightHeavy;

		&:before,
		.subNodeLink-icon
		{
			color: @xf-nodeIconUnreadColor;
		}
	}

	&.subNodeLink--category:before
	{
		.m-faContent(@fa-var-comments);
	}

	&.subNodeLink--page:before
	{
		.m-faContent(@fa-var-file-alt);
	}

	&.subNodeLink--link:before
	{
		.m-faContent(@fa-var-link);
	}

	&.subNodeLink--search::before
	{
		.m-faContent(@fa-var-search);
	}
}

.node-subNodeFlatList
{
	.m-listPlain();
	.m-clearFix();

	> li
	{
		display: inline-block;
		margin-right: 1em;

		&:last-child
		{
			margin-right: 0;
		}
	}

	ol,
	ul,
	.node-subNodes
	{
		display: none;
	}
}

.subNodeMenu
{
	.m-listPlain();

	ol,
	ul
	{
		.m-listPlain();
	}

	.subNodeLink
	{
		display: block;
		padding: @xf-blockPaddingV @xf-blockPaddingH;
		color: @xf-menuLinkRow--color;
		text-decoration: none;
		cursor: pointer;

		&:hover
		{
			.xf-menuLinkRowSelected();
		}
	}

	li li .subNodeLink { padding-left: 1.5em; }
	li li li .subNodeLink { padding-left: 3em; }
	li li li li .subNodeLink { padding-left: 4.5em; }
	li li li li li .subNodeLink { padding-left: 6em; }
	li li li li li li .subNodeLink { padding-left: 7.5em; }
}]]></template>
    <template title="node_list_category" type="public" addon_id="XF" version_id="2030270" version_string="2.3.2"><![CDATA[<xf:macro id="depth1" arg-node="!" arg-extras="!" arg-children="!" arg-childExtras="!" arg-depth="1">
	<div class="block block--category block--category{$node.node_id}">
		<span class="u-anchorTarget" id="{$node.Data.getCategoryAnchor()}"></span>
		<div class="block-container{{ (is_toggled('_node-' . $node.node_id)) ? ' is-active' : '' }} {{ (property('dt_collapsible_categories')) ? ' is-active' : '' }}">
			<h2 class="block-header">
				
				<xf:if is="property('dt_cat_description') == 'option3' && {$node.description}">
					<a href="{{ link('categories', $node) }}" data-xf-init="tooltip" title="{$node.description|raw}">{$node.title}</a>
				<xf:else />
					<a href="{{ link('categories', $node) }}">{$node.title}</a>
				</xf:if>
				
				<xf:if is="property('dt_cat_description') != 'option3' && {$node.description}"><span class="block-desc">{$node.description|raw}</span></xf:if>
				
				<xf:if is="property('dt_collapsible_categories')">
					<span id="collapse-{$node.node_id}" class="collapseTrigger collapseTrigger--block {{ !is_toggled('_node-' . $node.node_id) ? ' is-active' : '' }}" title="Toggle Visibilty" data-xf-click="toggle" data-xf-init="toggle-storage" data-storage-type="cookie" data-target=".block--category{$node.node_id} .block-container" data-storage-key="_node-{$node.node_id}"></span>
				</xf:if>
			</h2>
			<xf:if is="property('dt_catstrips_minorheader')">
				<div class="block-subheader">
					<span class="block-subheader--main">{{ phrase('forum') }}</span>
					<span class="block-subheader--stats">{{ phrase('threads') }}</span>
					<span class="block-subheader--stats">{{ phrase('messages') }}</span>
					<span class="block-subheader--last">Last Post</span>
				</div>
			</xf:if>
	
			<div class="block-body">
				<xf:macro id="forum_list::node_list"
					arg-children="{$children}"
					arg-extras="{$childExtras}"
					arg-depth="{{ $depth + 1 }}" />
			</div>
		</div>
	</div>
</xf:macro>

<xf:macro id="depth2" arg-node="!" arg-extras="!" arg-children="!" arg-childExtras="!" arg-depth="1">
	<div class="node node--id{$node.node_id} node--depth{$depth} node--category {{ $extras.hasNew ? 'node--unread' : 'node--read' }}">
		<div class="node-body">
			<xf:if is="property('dt_node_background') AND $node.node_background">
				<span class="node-img" aria-hidden="true"><i style="background-image: url('{$node.node_background}')"></i></span>
			<xf:else />
				<span class="node-icon" aria-hidden="true">
				        <xf:fa icon="fa-comments" />
			        </span>
			</xf:if>
			
			<div class="node-main js-nodeMain">
				<xf:set var="$descriptionDisplay" value="{{ property('nodeListDescriptionDisplay') }}" />
				<h3 class="node-title">
					<a href="{{ link('categories', $node) }}" data-xf-init="{{ $descriptionDisplay == 'tooltip' ? 'element-tooltip' : '' }}" data-shortcut="node-description">{$node.title}</a>
				</h3>
				<xf:if is="$descriptionDisplay != 'none' && $node.description">
					<div class="node-description {{ $descriptionDisplay == 'tooltip' ? 'node-description--tooltip js-nodeDescTooltip' : '' }}">{$node.description|raw}</div>
				</xf:if>

				<div class="node-meta">
					<xf:if is="!{$extras.privateInfo}">
						<div class="node-statsMeta">
							<dl class="pairs pairs--inline">
								<dt>{{ phrase('threads') }}</dt>
								<dd>{$extras.discussion_count|number_short(1)}</dd>
							</dl>
							<dl class="pairs pairs--inline">
								<dt>{{ phrase('messages') }}</dt>
								<dd>{$extras.message_count|number_short(1)}</dd>
							</dl>
						</div>
					</xf:if>

					<xf:if is="$depth == 2 AND property('nodeListSubDisplay') == 'menu'">
						<xf:macro id="forum_list::sub_nodes_menu"
							arg-children="{$children}"
							arg-childExtras="{$childExtras}"
							arg-depth="{{ $depth + 1 }}" />
					</xf:if>
				</div>

				<xf:if is="$depth == 2 AND property('nodeListSubDisplay') == 'flat'">
					<xf:macro id="forum_list::sub_nodes_flat"
						arg-children="{$children}"
						arg-childExtras="{$childExtras}"
						arg-depth="{{ $depth + 1 }}" />
				</xf:if>
			</div>

			<xf:if is="!{$extras.privateInfo}">
				<div class="node-stats">
					<dl class="pairs pairs--rows">
						<dt>{{ phrase('threads') }}</dt>
						<dd>{$extras.discussion_count|number_short(1)}</dd>
					</dl>
					<dl class="pairs pairs--rows">
						<dt>{{ phrase('messages') }}</dt>
						<dd>{$extras.message_count|number_short(1)}</dd>
					</dl>
				</div>
			</xf:if>

			<div class="node-extra">
				<xf:if is="{$extras.privateInfo}">
					<span class="node-extra-placeholder">{{ phrase('private') }}</span>
				<xf:elseif is="{$extras.LastThread}" />
					<div class="node-extra-icon">
						<xf:if is="$xf.visitor.isIgnoring($extras.last_post_user_id)">
							<xf:avatar user="{{ null }}" size="xs" />
						<xf:else />
							<xf:avatar user="{$extras.LastPostUser}" defaultname="{$extras.last_post_username}" size="xs" />
						</xf:if>
					</div>
					<div class="node-extra-row">
						<xf:if is="$extras.LastThread.isUnread()">
							<a href="{{ link('threads/unread', $extras.LastThread) }}" class="node-extra-title" title="{$extras.LastThread.title}">{{ prefix('thread', $extras.LastThread) }}{$extras.LastThread.title}</a>
						<xf:else />
							<a href="{{ link('threads/post', $extras.LastThread, {'post_id': $extras.last_post_id}) }}" class="node-extra-title" title="{$extras.LastThread.title}">{{ prefix('thread', $extras.LastThread) }}{$extras.LastThread.title}</a>
						</xf:if>
					</div>
					<div class="node-extra-row">
						<ul class="listInline listInline--bullet">
							<li class="node-extra-date"><xf:date time="{$extras.last_post_date}" /></li>
							<xf:if is="$xf.visitor.isIgnoring($extras.last_post_user_id)">
								<li class="node-extra-user">{{ phrase('ignored_member') }}</li>
							<xf:else />
								<li class="node-extra-user"><xf:username user="{$extras.LastPostUser}" defaultname="{$extras.last_post_username}" /></li>
							</xf:if>
						</ul>
					</div>
				<xf:else />
					<span class="node-extra-placeholder">{{ phrase('none') }}</span>
				</xf:if>
			</div>
		</div>
	</div>
</xf:macro>

<xf:macro id="depthN" arg-node="!" arg-extras="!" arg-children="!" arg-childExtras="!" arg-depth="1">
	<li>
		<a href="{{ link('categories', $node) }}" class="subNodeLink subNodeLink--category {{ $extras.hasNew ? 'subNodeLink--unread' : '' }}">{$node.title}</a>
		<xf:macro id="forum_list::sub_node_list"
			arg-children="{$children}"
			arg-childExtras="{$childExtras}"
			arg-depth="{{ $depth + 1 }}" />
	</li>
</xf:macro>]]></template>
    <template title="node_list_forum" type="public" addon_id="XF" version_id="2030670" version_string="2.3.6"><![CDATA[<xf:macro id="depth1" arg-node="!" arg-extras="!" arg-children="!" arg-childExtras="!" arg-depth="1">
	<div class="block">
		<div class="block-container">
			<div class="block-body">
				<xf:macro id="forum"
					arg-node="{$node}"
					arg-extras="{$extras}"
					arg-children="{$children}"
					arg-childExtras="{$childExtras}"
					arg-depth="{$depth}" />
			</div>
		</div>
	</div>
</xf:macro>

<xf:macro id="depth2" arg-node="!" arg-extras="!" arg-children="!" arg-childExtras="!" arg-depth="1">
	<xf:macro id="forum"
		arg-node="{$node}"
		arg-extras="{$extras}"
		arg-children="{$children}"
		arg-childExtras="{$childExtras}"
		arg-depth="{$depth}" />
</xf:macro>

<xf:macro id="depthN" arg-node="!" arg-extras="!" arg-children="!" arg-childExtras="!" arg-depth="1">
	<li>
		<a href="{{ link('forums', $node) }}" class="subNodeLink subNodeLink--forum {{ $extras.hasNew ? 'subNodeLink--unread' : '' }}">
			<xf:fa icon="{{ $node.Data.TypeHandler.getTypeIconClass() ?: 'fa-comments' }}" class="subNodeLink-icon" />{$node.title}
		</a>
		<xf:macro id="forum_list::sub_node_list"
			arg-children="{$children}"
			arg-childExtras="{$childExtras}"
			arg-depth="{{ $depth + 1 }}" />
	</li>
</xf:macro>

<xf:macro id="forum"
	arg-node="!"
	arg-extras="!"
	arg-children="!"
	arg-childExtras="!"
	arg-depth="!"
	arg-chooseName=""
	arg-bonusInfo="">

	<div class="node node--id{$node.node_id} node--depth{$depth} node--forum {{ $extras.hasNew ? 'node--unread' : 'node--read' }}">
		<div class="node-body">
			<xf:if is="property('dt_node_background') AND $node.node_background">
				<span class="node-img" aria-hidden="true"><i style="background-image: url('{$xf.options.boardUrl}/{$node.node_background}')"></i></span>
			<xf:else />
				<span class="node-icon" aria-hidden="true">
					<xf:fa icon="{{ $node.Data.TypeHandler.getTypeIconClass() ?: 'fa-comments' }}" />
				</span>
			</xf:if>
			<div class="node-main js-nodeMain">
				<xf:if is="$chooseName">
					<xf:checkbox standalone="true">
						<xf:option labelclass="u-pullRight" class="js-chooseItem" name="{$chooseName}[]" value="{$node.node_id}" />
					</xf:checkbox>
				</xf:if>

				<xf:set var="$descriptionDisplay" value="{{ property('nodeListDescriptionDisplay') }}" />
				<h3 class="node-title">
					<a href="{{ link('forums', $node) }}" data-xf-init="{{ $descriptionDisplay == 'tooltip' ? 'element-tooltip' : '' }}" data-shortcut="node-description">{$node.title}</a>
					<xf:if is="property('dt_new_indicator')"><span class="node--newIndicator">{{ phrase('new') }}</span></xf:if>
				</h3>
				<xf:if is="$descriptionDisplay != 'none' && $node.description">
					<div class="node-description {{ $descriptionDisplay == 'tooltip' ? 'node-description--tooltip js-nodeDescTooltip' : '' }}">{$node.description|raw}</div>
				</xf:if>

				<div class="node-meta">
					<xf:if is="!{$extras.privateInfo}">
						<div class="node-statsMeta">
							<xf:if is="property('dt_nodestat_simple') AND !property('dt_catstrips_minorheader')">
								<dl class="pairs pairs--inline">
									<dt>{{ phrase('threads') }}</dt>
									<dd>{$extras.discussion_count|number_short(1)}</dd>
								</dl>
							<xf:else />
								<dl class="pairs pairs--inline">
									<dt>{{ phrase('threads') }}</dt>
									<dd>{$extras.discussion_count|number_short(1)}</dd>
								</dl>
								<dl class="pairs pairs--inline">
									<dt>{{ phrase('messages') }}</dt>
									<dd>{$extras.message_count|number_short(1)}</dd>
								</dl>
							</xf:if>
						</div>
					</xf:if>

					<xf:if is="$depth == 2 AND property('nodeListSubDisplay') == 'menu'">
						<xf:macro id="forum_list::sub_nodes_menu"
							arg-children="{$children}"
							arg-childExtras="{$childExtras}"
							arg-depth="{{ $depth + 1 }}" />
					</xf:if>
				</div>

				<xf:if is="$depth == 2 AND property('nodeListSubDisplay') == 'flat'">
					<xf:macro id="forum_list::sub_nodes_flat"
						arg-children="{$children}"
						arg-childExtras="{$childExtras}"
						arg-depth="{{ $depth + 1 }}" />
				</xf:if>

				<xf:if is="$bonusInfo is not empty">
					<div class="node-bonus">{$bonusInfo}</div>
				</xf:if>
			</div>

			<xf:if is="!{$extras.privateInfo}">
				<div class="node-stats">
					<xf:if is="property('dt_nodestat_simple') AND !property('dt_catstrips_minorheader')">
						<dl class="pairs pairs--rows">
							<dt><xf:fa icon="fad fa-comments-alt" /></dt>
							<dd>{$extras.discussion_count|number_short(1)}</dd>
						</dl>
					<xf:else />
						<dl class="pairs pairs--rows">
							<dd>{$extras.discussion_count|number_short(1)}</dd>
							<dt>{{ phrase('threads') }}</dt>
						</dl>
						<dl class="pairs pairs--rows">
							<dd>{$extras.message_count|number_short(1)}</dd>
							<dt>{{ phrase('messages') }}</dt>
						</dl>
					</xf:if>
				</div>
			</xf:if>

			<div class="node-extra">
				<xf:if is="{$extras.privateInfo}">
					<span class="node-extra-placeholder">{{ phrase('private') }}</span>
				<xf:elseif is="{$extras.LastThread}" />
					<div class="node-extra-icon">
						<xf:if is="$xf.visitor.isIgnoring($extras.last_post_user_id)">
							<xf:avatar user="{{ null }}" size="xs" />
						<xf:else />
							<xf:avatar user="{$extras.LastPostUser}" defaultname="{$extras.last_post_username}" size="xs" />
						</xf:if>
					</div>
					<div class="node-extra-row">
						<xf:if is="$extras.LastThread.isUnread()">
							<a href="{{ link('threads/unread', $extras.LastThread) }}" class="node-extra-title" title="{$extras.LastThread.title}">{{ prefix('thread', $extras.LastThread) }}{$extras.LastThread.title}</a>
						<xf:else />
							<a href="{{ link('threads/post', $extras.LastThread, {'post_id': $extras.last_post_id}) }}" class="node-extra-title" title="{$extras.LastThread.title}">{{ prefix('thread', $extras.LastThread) }}{$extras.LastThread.title}</a>
						</xf:if>
					</div>
					<div class="node-extra-row">
						<ul class="listInline listInline--bullet">
							<li><xf:date time="{$extras.last_post_date}" class="node-extra-date" /></li>
							<xf:if is="$xf.visitor.isIgnoring($extras.last_post_user_id)">
								<li class="node-extra-user">{{ phrase('ignored_member') }}</li>
							<xf:else />
								<li class="node-extra-user"><xf:username user="{$extras.LastPostUser}" defaultname="{$extras.last_post_username}" /></li>
							</xf:if>
						</ul>
					</div>
				<xf:else />
					<span class="node-extra-placeholder">{{ phrase('none') }}</span>
				</xf:if>
			</div>
		</div>
	</div>

	<xf:if is="{$depth} == 1">
		<xf:macro id="forum_list::node_list"
			arg-children="{$children}"
			arg-extras="{$childExtras}"
			arg-depth="{{ $depth + 1 }}" />
	</xf:if>
</xf:macro>]]></template>
    <template title="post_macros" type="public" addon_id="XF" version_id="2030370" version_string="2.3.3"><![CDATA[<xf:macro id="post"
	arg-post="!"
	arg-thread="!"
	arg-highlightedPosts="{{ [] }}">

	<xf:set var="$includeMicrodata" value="{{ !$post.isFirstPost() }}" />
	<xf:css src="message.less" />

	<xf:extension id="before"></xf:extension>

	<xf:extension id="extra_classes" value="message--post" />
	<article class="message {{ extension_value('extra_classes') }} js-post js-inlineModContainer {{ $post.isFirstPost() ? 'is-first' : '' }} {{ $post.isIgnored() ? 'is-ignored' : '' }} {{ $post.isUnread() ? ' is-unread' : '' }}"
		data-author="{{ $post.User.username ?: $post.username }}"
		data-content="post-{$post.post_id}"
		id="js-post-{$post.post_id}"
		{{ $includeMicrodata ? 'itemscope itemtype="https://schema.org/' . $thread.getReplyMicrodataType() . '" itemid="' . $post.getContentUrl(true) . '"' : '' }}>

		<xf:if is="$includeMicrodata">
			<meta itemprop="parentItem" itemscope itemid="{{ link('canonical:threads', $thread) }}" />
		</xf:if>

		<span class="u-anchorTarget" id="post-{$post.post_id}"></span>

		<xf:extension id="full_body">
			<div class="message-inner">
				<xf:extension id="user_cell">
					<div class="message-cell message-cell--user">
						<xf:macro id="message_macros::user_info" arg-user="{$post.User}"
							arg-fallbackName="{$post.username}"
							arg-includeMicrodata="{$includeMicrodata}"
							arg-itemProp="author" />
						<xf:if is="property('dt_collapsible_extras') && property('dt_messages_layout') == 'option1'"><span id="collapse-{$post.post_id}" class="collapseTrigger collapseTrigger--block" data-xf-click="toggle" data-target="#js-post-{$post.post_id} .message-userExtras"></span></xf:if>
					</div>
				</xf:extension>

				<xf:extension id="main_cell">
					<div class="message-cell message-cell--main">
					<xf:extension id="main_cell_inner">
						<div class="message-main js-quickEditTarget">

							<xf:extension id="attribution">
								<xf:macro id="post_attribution" arg-post="{$post}" arg-thread="{$thread}" />
							</xf:extension>

							<div class="message-content js-messageContent">
							<xf:extension id="content">

								<xf:extension id="notices">
									<xf:macro id="post_notices" arg-post="{$post}" arg-thread="{$thread}" />
								</xf:extension>

								<xf:extension id="user_content">
									<xf:macro id="post_user_content" arg-post="{$post}" arg-thread="{$thread}" />
								</xf:extension>

								<xf:extension id="after_content">
									<xf:macro id="post_last_edit" arg-post="{$post}" />
								</xf:extension>

								<xf:extension id="signature">
									<xf:macro id="message_macros::signature" arg-user="{$post.User}" />
								</xf:extension>

							</xf:extension>
							</div>

							<xf:extension id="footer">
								<xf:macro id="post_footer" arg-post="{$post}" arg-thread="{$thread}" />
							</xf:extension>
						</div>

					</xf:extension>
					</div>
				</xf:extension>
			</div>
		</xf:extension>
	</article>

	<xf:extension id="after"></xf:extension>
	<xf:ad position="post_below_container" arg-post="{$post}" />
</xf:macro>

<xf:macro id="post_attribution"
	arg-post="!"
	arg-thread="!"
	arg-showPosition="{{ true }}"
	arg-showUser="{{ false }}"
	arg-showThreadUnreadIndicator="{{ false }}"
	arg-showReplyCount="{{ false }}"
	arg-repliesPhrase="{{ phrase('replies:') }}"
	arg-showThreadStateIcons="{{ false }}"
	arg-mainClass=""
	arg-oppositeClass="">

	<xf:set var="$includeMicrodata" value="{{ !$post.isFirstPost() }}" />

	<header class="message-attribution message-attribution--split">
		<ul class="message-attribution-main listInline {$mainClass}">
			<xf:if is="$showThreadStateIcons">
				<xf:if is="{$xf.visitor.user_id} AND {$thread.Watch.{$xf.visitor.user_id}}">
					<li>
						<xf:fa icon="fa-bell" title="{{ phrase('thread_watched')|for_attr }}" />
						<span class="u-srOnly">{{ phrase('thread_watched') }}</span>
					</li>
				</xf:if>

				<xf:if is="$thread.sticky">
					<li>
						<xf:fa icon="fa-thumbtack" title="{{ phrase('sticky')|for_attr }}" />
						<span class="u-srOnly">{{ phrase('sticky') }}</span>
					</li>
				</xf:if>
			</xf:if>
			<xf:if is="$showUser">
				<xf:set var="$username"><xf:username user="{$post.User}" defaultname="{$post.username}" /></xf:set>
				<li class="u-concealed message-attribution-user--top">{{ phrase('by_user_x', {'name':$username}) }}</li>
			</xf:if>
			<li class="u-concealed">
				<a href="{{ link('threads/post', $thread, {'post_id': $post.post_id}) }}" rel="nofollow" {{ $includeMicrodata ? 'itemprop="url"' : '' }}>
					<xf:date time="{$post.post_date}" itemprop="{{ $includeMicrodata ? 'datePublished' : '' }}" />
				</a>
			</li>
			<xf:if is="$showReplyCount && $thread.reply_count">
				<li class="u-concealed">
					<a href="{{ link('threads', $thread) }}#posts">
						<xf:fa icon="fa-comment" class="u-spaceAfter" />{$repliesPhrase|raw} {$thread.reply_count|number}
					</a>
				</li>
			</xf:if>
		</ul>

		<ul class="message-attribution-opposite message-attribution-opposite--list {$oppositeClass}">
			<xf:if is="$post.user_id == $thread.user_id && (property('dt_thread_owner') != 'none')">
				<xf:if is="property('dt_thread_owner') == 'userbanner'">
					<li class="messageOwner-Indicator">{{ phrase('thread') }} {{ phrase('author') }}</li>
				</xf:if>
			</xf:if>
			<xf:if is="$post.isUnread()">
				<li><span class="message-newIndicator">{{ phrase('new') }}</span></li>
			<xf:elseif is="$thread.isUnread() && $showThreadUnreadIndicator" />
				<li><span class="message-newIndicator" title="{{ phrase('new_replies')|for_attr }}">{{ phrase('new') }}</span></li>
			</xf:if>
			<li>
				<a href="{{ link('threads/post', $thread, {'post_id': $post.post_id}) }}"
					class="message-attribution-gadget"
					data-xf-init="share-tooltip"
					data-href="{{ link('posts/share', $post) }}"
					aria-label="{{ phrase('share')|for_attr }}"
					rel="nofollow">
					<xf:fa icon="fa-share-alt" />
				</a>
			</li>
			<xf:if is="$xf.options.embedCodeShare AND method_exists($post, 'getEmbedCodeHtml')">
				<li class="u-hidden js-embedCopy">
					<xf:macro id="share_page_macros::share_clipboard_text"
						arg-text="{$post.getEmbedCodeHtml()}"
						arg-successText="{{ phrase('embed_code_html_copied_to_clipboard') }}" />
				</li>
			</xf:if>
			<xf:if contentcheck="true">
				<li>
					<xf:contentcheck>
						<xf:macro id="bookmark_macros::link"
							arg-content="{$post}"
							arg-class="message-attribution-gadget bookmarkLink--highlightable"
							arg-confirmUrl="{{ link('posts/bookmark', $post) }}"
							arg-showText="{{ false }}"/>
					</xf:contentcheck>
				</li>
			</xf:if>
			<xf:if is="$showPosition">
				<li>
					<a href="{{ link('threads/post', $thread, {'post_id': $post.post_id}) }}" rel="nofollow">
						#{{ number($post.position + 1) }}
					</a>
				</li>
			</xf:if>
		</ul>
	</header>
</xf:macro>

<xf:macro id="post_notices" arg-post="!" arg-thread="!">
	<xf:if is="$post.message_state == 'deleted'">
		<div class="messageNotice messageNotice--deleted">
			<xf:macro id="deletion_macros::notice" arg-log="{$post.DeletionLog}" />
		</div>
	<xf:elseif is="$post.message_state == 'moderated'" />
		<div class="messageNotice messageNotice--moderated">
			{{ phrase('this_message_is_awaiting_moderator_approval_and_is_invisible_to_normal') }}
		</div>
	</xf:if>
	<xf:if is="$post.warning_message">
		<div class="messageNotice messageNotice--warning">
			{$post.warning_message}
		</div>
	</xf:if>
	<xf:if is="$post.isIgnored()">
		<div class="messageNotice messageNotice--ignored">
			{{ phrase('you_are_ignoring_content_by_this_member') }}
			<xf:showignored />
		</div>
	</xf:if>
</xf:macro>

<xf:macro id="post_user_content" arg-post="!" arg-thread="!" arg-snippet="{{ false }}" arg-displayAds="{{ true }}">
	<xf:set var="$includeMicrodata" value="{{ !$post.isFirstPost() }}" />

	<div class="message-userContent lbContainer js-lbContainer {{ $post.isIgnored() ? 'is-ignored' : '' }}"
		data-lb-id="post-{$post.post_id}"
		data-lb-caption-desc="{{ $post.User ? $post.User.username : $post.username }} &middot; {{ date_time($post.post_date) }}">

		<xf:if is="$post.isFirstPost()">
			<xf:macro id="custom_fields_macros::custom_fields_view"
				arg-type="threads"
				arg-group="before"
				arg-onlyInclude="{$thread.Forum.field_cache}"
				arg-set="{$thread.custom_fields}"
				arg-wrapperClass="message-fields message-fields--before" />
		</xf:if>

		<article class="message-body js-selectToQuote">
			<xf:if is="$displayAds">
				<xf:ad position="post_above_content" arg-post="{$post}" />
			</xf:if>

			<div {{ $includeMicrodata ? 'itemprop="text"' : '' }}>
				<xf:if is="$snippet">
					{{ bb_code_snippet($post.message, 'post', $post, $snippet) }}
				<xf:else />
					{{ bb_code($post.message, 'post', $post) }}
				</xf:if>
			</div>

			<div class="js-selectToQuoteEnd">&nbsp;</div>
			<xf:if is="$displayAds">
				<xf:ad position="post_below_content" arg-post="{$post}" />
			</xf:if>
		</article>

		<xf:if is="$post.isFirstPost()">
			<xf:macro id="custom_fields_macros::custom_fields_view"
				arg-type="threads"
				arg-group="after"
				arg-onlyInclude="{$thread.Forum.field_cache}"
				arg-set="{$thread.custom_fields}"
				arg-wrapperClass="message-fields message-fields--after" />
		</xf:if>

		<xf:if is="$post.attach_count">
			<xf:macro id="message_macros::attachments"
				arg-attachments="{$post.Attachments}"
				arg-message="{$post}"
				arg-canView="{{ $thread.canViewAttachments() }}" />
		</xf:if>
	</div>
</xf:macro>

<xf:macro id="post_last_edit" arg-post="!">
	<xf:set var="$includeMicrodata" value="{{ !$post.isFirstPost() }}" />

	<xf:if is="$post.last_edit_date">
		<div class="message-lastEdit">
			<xf:if is="$post.user_id == $post.last_edit_user_id">
				{{ phrase('last_edited:') }} <xf:date time="{$post.last_edit_date}" itemprop="{{ $includeMicrodata ? 'dateModified' : '' }}" />
			<xf:else />
				{{ phrase('last_edited_by_moderator:') }} <xf:date time="{$post.last_edit_date}" itemprop="{{ $includeMicrodata ? 'dateModified' : '' }}" />
			</xf:if>
		</div>
	</xf:if>
</xf:macro>

<xf:macro id="post_footer" arg-post="!" arg-thread="!">
	<xf:set var="$includeMicrodata" value="{{ !$post.isFirstPost() }}" />

	<footer class="message-footer">
		<xf:if is="$includeMicrodata">
			<div class="message-microdata" itemprop="interactionStatistic" itemtype="https://schema.org/InteractionCounter" itemscope>
				<meta itemprop="userInteractionCount" content="{{ $post.isContentVotingSupported() ? $post.vote_score : $post.reaction_score }}" />
				<meta itemprop="interactionType" content="https://schema.org/LikeAction" />
			</div>
		</xf:if>

		<xf:if contentcheck="true">
			<div class="message-actionBar actionBar">
				<xf:contentcheck>
					<xf:macro id="post_action_bar" arg-post="{$post}" arg-thread="{$thread}" />
				</xf:contentcheck>
			</div>
		</xf:if>

		<div class="reactionsBar js-reactionsList {{ $post.reactions ? 'is-active' : '' }}">
			<xf:reactions content="{$post}" link="posts/reactions" />
		</div>

		<div class="js-historyTarget message-historyTarget toggleTarget" data-href="trigger-href"></div>
	</footer>
</xf:macro>

<xf:macro id="post_action_bar" arg-post="!" arg-thread="!">
	<xf:if contentcheck="true">
		<div class="actionBar-set actionBar-set--external">
		<xf:contentcheck>
			<xf:react content="{$post}" link="posts/react" list="< .js-post | .js-reactionsList" />

			<xf:if is="$thread.canReply() OR $thread.canReplyPreReg()">
				<xf:set var="$quoteLink">{{ link('threads/reply', $thread, {'quote': $post.post_id}) }}</xf:set>

				<xf:if is="$xf.options.multiQuote AND $xf.visitor.user_id">
					<a href="{$quoteLink}"
						class="actionBar-action actionBar-action--mq u-jsOnly js-multiQuote"
						title="{{ phrase('toggle_multi_quote_tooltip')|for_attr }}"
						rel="nofollow"
						data-message-id="{$post.post_id}"
						data-mq-action="add">{{ phrase('quote') }}</a>
				</xf:if>

				<a href="{$quoteLink}"
					class="actionBar-action actionBar-action--reply"
					title="{{ phrase('reply_quoting_this_message')|for_attr }}"
					rel="nofollow"
					data-xf-click="quote"
					data-quote-href="{{ link('posts/quote', $post) }}">{{ phrase('reply') }}</a>
			</xf:if>
		</xf:contentcheck>
		</div>
	</xf:if>

	<xf:if contentcheck="true">
		<div class="actionBar-set actionBar-set--internal">
		<xf:contentcheck>
			<xf:if is="$post.canUseInlineModeration()">
				<span class="actionBar-action actionBar-action--inlineMod">
					<xf:checkbox standalone="true">
						<xf:option value="{$post.post_id}" class="js-inlineModToggle"
							data-xf-init="tooltip"
							title="{{ phrase('select_for_moderation') }}"
							label="{{ phrase('select_for_moderation') }}"
							hiddenlabel="true" />
					</xf:checkbox>
				</span>
			</xf:if>

			<xf:if is="$post.canReport()">
				<a href="{{ link('posts/report', $post) }}"
					class="actionBar-action actionBar-action--report"
					data-xf-click="overlay" data-cache="false">{{ phrase('report_verb') }}</a>
			</xf:if>

			<xf:set var="$hasActionBarMenu" value="{{ false }}" />
			<xf:if is="$post.canEdit()">
				<xf:js src="xf/action.js, xf/message.js" min="1" />
				<a href="{{ link('posts/edit', $post) }}"
					class="actionBar-action actionBar-action--edit actionBar-action--menuItem"
					data-xf-click="quick-edit"
					data-editor-target="#js-post-{$post.post_id} .js-quickEditTarget"
					data-menu-closer="true">{{ phrase('edit') }}</a>

				<xf:set var="$hasActionBarMenu" value="{{ true }}" />
			</xf:if>
			<xf:if is="$post.edit_count && $post.canViewHistory()">
				<a href="{{ link('posts/history', $post) }}"
					class="actionBar-action actionBar-action--history actionBar-action--menuItem"
					data-xf-click="toggle"
					data-target="#js-post-{$post.post_id} .js-historyTarget"
					data-menu-closer="true">{{ phrase('history') }}</a>

				<xf:set var="$hasActionBarMenu" value="{{ true }}" />
			</xf:if>
			<xf:if is="$post.canDelete('soft')">
				<a href="{{ link('posts/delete', $post) }}"
					class="actionBar-action actionBar-action--delete actionBar-action--menuItem"
					data-xf-click="overlay">{{ phrase('delete') }}</a>

				<xf:set var="$hasActionBarMenu" value="{{ true }}" />
			</xf:if>
			<xf:if is="$post.message_state == 'deleted' AND $post.canUndelete()">
				<a href="{{ link('posts/undelete', $post) }}"
					class="actionBar-action actionBar-action--undelete actionBar-action--menuItem"
					data-xf-click="overlay">{{ phrase('undelete') }}</a>

				<xf:set var="$hasActionBarMenu" value="{{ true }}" />
			</xf:if>
			<xf:if is="$post.canCleanSpam()">
				<a href="{{ link('spam-cleaner', $post) }}"
					class="actionBar-action actionBar-action--spam actionBar-action--menuItem"
					data-xf-click="overlay">{{ phrase('spam') }}</a>

				<xf:set var="$hasActionBarMenu" value="{{ true }}" />
			</xf:if>
			<xf:if is="$xf.visitor.canViewIps() && $post.ip_id">
				<a href="{{ link('posts/ip', $post) }}"
					class="actionBar-action actionBar-action--ip actionBar-action--menuItem"
					data-xf-click="overlay">{{ phrase('ip') }}</a>

				<xf:set var="$hasActionBarMenu" value="{{ true }}" />
			</xf:if>
			<xf:if is="$post.canWarn()">

				<a href="{{ link('posts/warn', $post) }}"
					class="actionBar-action actionBar-action--warn actionBar-action--menuItem">{{ phrase('warn') }}</a>

				<xf:set var="$hasActionBarMenu" value="{{ true }}" />
			<xf:elseif is="$post.warning_id && $xf.visitor.canViewWarnings()" />
				<a href="{{ link('warnings', {'warning_id': $post.warning_id}) }}"
					class="actionBar-action actionBar-action--warn actionBar-action--menuItem"
					data-xf-click="overlay">{{ phrase('view_warning') }}</a>
				<xf:set var="$hasActionBarMenu" value="{{ true }}" />
			</xf:if>

			<xf:if is="$hasActionBarMenu">
				<a class="actionBar-action actionBar-action--menuTrigger"
					data-xf-click="menu"
					title="{{ phrase('more_options')|for_attr }}"
					role="button"
					tabindex="0"
					aria-expanded="false"
					aria-haspopup="true">&#8226;&#8226;&#8226;</a>

				<div class="menu" data-menu="menu" aria-hidden="true" data-menu-builder="actionBar">
					<div class="menu-content">
						<h4 class="menu-header">{{ phrase('more_options') }}</h4>
						<div class="js-menuBuilderTarget"></div>
					</div>
				</div>
			</xf:if>
		</xf:contentcheck>
		</div>
	</xf:if>
</xf:macro>

<xf:macro id="post_deleted" arg-post="!" arg-thread="!">
	<xf:set var="$includeMicrodata" value="{{ !$post.isFirstPost() }}" />

	<xf:css src="message.less" />
	<div class="message message--deleted message--post{{ $post.isIgnored() ? ' is-ignored' : '' }}{{ $post.isUnread() ? ' is-unread' : '' }} js-post js-inlineModContainer"
		data-author="{{ $post.User.username ?: $post.username }}"
		data-content="post-{$post.post_id}">

		<span class="u-anchorTarget" id="post-{$post.post_id}"></span>
		<div class="message-inner">
			<div class="message-cell message-cell--user">
				<xf:macro template="message_macros" name="user_info_simple" arg-user="{$post.User}" arg-fallbackName="{$post.username}" arg-includeMicrodata="{$includeMicrodata}" arg-itemProp="author" />
			</div>
			<div class="message-cell message-cell--main">
				<div class="message-attribution">
					<ul class="listInline listInline--bullet message-attribution-main">
						<li><a href="{{ link('threads/post', $thread, {'post_id': $post.post_id}) }}" class="u-concealed" rel="nofollow"><xf:date time="{$post.post_date}" /></a></li>
						<li><xf:username user="{$post.User}" defaultname="{$post.username}" class="u-concealed" /></li>
					</ul>
				</div>

				<div class="messageNotice messageNotice--deleted">
					<xf:macro id="deletion_macros::notice" arg-log="{$post.DeletionLog}" />

					<a href="{{ link('posts/show', $post) }}" class="u-jsOnly" data-xf-click="inserter" data-replace="[data-content=post-{$post.post_id}]">{{ phrase('show...') }}</a>

					<xf:if is="$post.canUseInlineModeration()">
						<span style="display: none">
							<!-- this can be actioned on the full post -->
							<xf:checkbox standalone="true">
								<xf:option value="{$post.post_id}" class="js-inlineModToggle"
									hiddenlabel="true" />
							</xf:checkbox>
						</span>
					</xf:if>
				</div>
			</div>
		</div>
	</div>

	<xf:ad position="post_below_container" arg-post="{$post}" />
</xf:macro>]]></template>
    <template title="setup.less" type="public" addon_id="XF" version_id="2030270" version_string="2.3.2"><![CDATA[// Note that this file should never output any CSS directly. It should contain variables and mixins only.
// Output should go into core.less.

// ################################ VARIABLES ###############################

// BLOCKS
@block-borderRadius-inner: max((@xf-blockBorderRadius - 1px), 0px);
@block-noStripSel: ~'.block-container:not(.block-container--noStripRadius)';

// HELPERS
@zIndex-1: (@xf-zIndexMultiplier * 1);
@zIndex-2: (@xf-zIndexMultiplier * 2);
@zIndex-3: (@xf-zIndexMultiplier * 3);
@zIndex-4: (@xf-zIndexMultiplier * 4);
@zIndex-5: (@xf-zIndexMultiplier * 5);
@zIndex-6: (@xf-zIndexMultiplier * 6);
@zIndex-7: (@xf-zIndexMultiplier * 7);
@zIndex-8: (@xf-zIndexMultiplier * 8);
@zIndex-9: (@xf-zIndexMultiplier * 9);

// AVATARS
@_avatarBaseSize: 96px;
@avatar-xxs: (@_avatarBaseSize / 4);
@avatar-xs:  (@_avatarBaseSize / 3);
@avatar-s:   (@_avatarBaseSize / 2);
@avatar-m:   (@_avatarBaseSize / 1);
@avatar-l:   (@_avatarBaseSize * 2);
@avatar-o:   (@_avatarBaseSize * 4);

@variations: xf-hasVariations;
@rtl: xf-isRtl;
@ltr: xf-isLtr;

// DEFAULT FONTAWESOME TYPE
@faType: 'Pro'; // deprecated

// FONTAWESOME WEIGHT VALUES
@faWeight-light: 300;
@faWeight-regular: 400;
@faWeight-solid: 900;

{{ include('setup_fa.less') }}

// TABLES
@tablePadding: @xf-paddingSmall;

// ####################################### MIXINS ##################################

.m-colorScheme(@colorScheme, @ruleset, @guard: @variations)
{
	& when (@guard)
	{
		:root:not([data-variation]) &
		{
			@media (prefers-color-scheme: @colorScheme)
			{
				@ruleset();
			}
		}

		:root[data-color-scheme="@{colorScheme}"] &
		{
			@ruleset();
		}
	}
}

.m-clearFix()
{
	&:before,
	&:after
	{
		content: " ";
		display: table;
	}
	&:after
	{
		clear: both;
	}
}

.m-hideText()
{
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	word-wrap: normal;
}

.m-hyphens(@hyphens: none)
{
	hyphens: @hyphens;
	-moz-hyphens: @hyphens;
	-ms-hyphens: @hyphens;
	-webkit-hyphens: @hyphens;
}

.m-fadeOutLines(@lines, @bgColor, @lineHeight: @xf-lineHeightDefault)
{
	position: relative;
	max-height: unit((@lines * @lineHeight), em);
	overflow: hidden;

	&:after
	{
		content: '';
		position: absolute;
		bottom: 0;
		right: 0;
		text-align: right;
		width: 75%;
		height: unit(@lineHeight, em);

		& when(@ltr)
		{
			background: linear-gradient(to right, fade(@bgColor, 0%), fade(@bgColor, 100%));
		}
		& when(@rtl)
		{
			background: linear-gradient(to left, fade(@bgColor, 0%), fade(@bgColor, 100%));
		}
	}
}

.m-overflowEllipsis()
{
	overflow: hidden;
	white-space: nowrap;
	word-wrap: normal;
	text-overflow: ellipsis;
}

.m-appendColon()
{
	&:after
	{
		content: "{$xf.language.label_separator}";
	}

	&.is-sentence:after
	{
		content: "";
	}
}

.m-tooltipArrow(@color, @size, @variation: ~'', @fillColor: false)
{
	@{variation}.tooltip--top &
	{
		bottom: 0;
		left: 50%;
		margin-left: (@size * -1);
		.m-triangleDown(@color, @size);
	}
	@{variation}.tooltip--bottom &
	{
		top: 0;
		left: 50%;
		margin-left: (@size * -1);
		.m-triangleUp(@color, @size);
	}
	@{variation}.tooltip--right &
	{
		top: 50%;
		left: 0;
		margin-top: (@size * -1);
		.m-triangleLeft(@color, @size);
	}
	@{variation}.tooltip--left &
	{
		top: 50%;
		right: 0;
		margin-top: (@size * -1);
		.m-triangleRight(@color, @size);
	}

	& when (iscolor(@fillColor))
	{
		@{variation} &:after
		{
			position: absolute;
			content: '';
		}

		@{variation}.tooltip--top &:after
		{
			bottom: 1px;
			left: (@size * -1 + 1px);
			.m-triangleDown(@fillColor, (@size - 1px));
		}

		@{variation}.tooltip--bottom &:after
		{
			top: 1px;
			left: (@size * -1 + 1px);
			.m-triangleUp(@fillColor, (@size - 1px));
		}

		@{variation}.tooltip--right &:after
		{
			left: 1px;
			bottom: (@size * -1 + 1px);
			.m-triangleLeft(@fillColor, @size - 1px);
		}

		@{variation}.tooltip--left &:after
		{
			right: 1px;
			bottom: (@size * -1 + 1px);
			.m-triangleRight(@fillColor, @size - 1px);
		}
	}
}

.m-triangleUp(@color; @size)
{
	border: @size solid transparent;
	border-top-width: 0;
	border-bottom-color: @color;
}

.m-triangleDown(@color; @size)
{
	border: @size solid transparent;
	border-bottom-width: 0;
	border-top-color: @color;
}

.m-triangleLeft(@color; @size)
{
	border: @size solid transparent;
	border-left-width: 0;
	border-right-color: @color;
}

.m-triangleRight(@color; @size)
{
	border: @size solid transparent;
	border-right-width: 0;
	border-left-color: @color;
}

.m-dropShadow(@x: 1px; @y: 2px; @blur: 2px; @spread: 0; @alpha: 0.25)
{
	box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha);
}

.m-textOutline(@fillColor: white; @strokeColor: black; @width: 1px;)
{
	-webkit-text-fill-color: @fillColor;
	-webkit-text-stroke-color: @strokeColor;
	-webkit-text-stroke-width: @width;
}

.m-gradient(@startColor; @stopColor; @fallback; @startPos: 0%; @endPos: 100%)
{
	background: @fallback;
	background: linear-gradient(to bottom, @startColor @startPos, @stopColor @endPos);
}

.m-gradientHorizontal(@startColor; @stopColor; @fallback; @startPos: 0%; @endPos: 100%)
{
	background: @fallback;

	& when(@ltr)
	{
		background: linear-gradient(to right, @startColor @startPos, @stopColor @endPos);
	}
	& when(@rtl)
	{
		background: linear-gradient(to left, @startColor @startPos, @stopColor @endPos);
	}
}

.m-tabSize(@size: 4)
{
	-moz-tab-size: @size;
	tab-size: @size;
}

.m-transition(@props: all; @duration: @xf-animationSpeed; @timing: ease; @delay: 0; @raw-input: false)
{
	// adapted from https://stackoverflow.com/a/20810461 @ScottS

	.output() when (@raw-input = false)
	{
		@propsLength: length(@props);
		@durationLength: length(@duration);
		@timingLength: length(@timing);
		@delayLength: length(@delay);

		.buildString(@i, @s: ~'') when (@i <= @propsLength)
		{
			@prop: extract(@props, @i);

			.setDuration() when (@i <= @durationLength) { @dur: extract(@duration, @i); }
			.setDuration() when (@i >  @durationLength) { @dur: extract(@duration, @durationLength); }
			.setDuration();

			.setEasing() when (@i <= @timingLength) { @time: extract(@timing, @i); }
			.setEasing() when (@i >  @timingLength) { @time: extract(@timing, @timingLength); }
			.setEasing();

			.setDelay() when (@i <= @delayLength) { @del: extract(@delay, @i); }
			.setDelay() when (@i >  @delayLength) { @del: extract(@delay, @delayLength); }
			.setDelay();

			.setDivider() when (@i > 1) { @divider: ~'@{s},'; }
			.setDivider() when (@i = 1) { @divider: ~''; }
			.setDivider();

			.buildString((@i + 1), @divider @prop @dur @time);
		}

		.buildString(1);

		.buildString(@i, @s: ~'') when (@i > @propsLength)
		{
			.compact(@s);
		}
	}

	.output() when not (@raw-input = false)
	{
		.compact(@raw-input);
	}

	.compact(@string)
	{
		-webkit-transition: @string;
		//-moz-transition: @string;
		//-ms-transition: @string;
		//-o-transition: @string;
		transition: @string;
	}

	.output();
}

.m-transitionProperty(@props)
{
	-webkit-transition-property: @props;
	transition-property: @props;
}

.m-animation(@props)
{
	-webkit-animation: @props;
	animation: @props;
}

.m-transform(@props)
{
	-webkit-transform: @props;
	-ms-transform: @props;
	transform: @props;
}

.m-keyframes(@name, @rules)
{
	@-webkit-keyframes @name { @rules(); }
	@keyframes @name { @rules(); }
}

.m-columns(@count; @breakWidth: 0; @gap: 1em)
{
	-moz-column-count: @count;
	-webkit-column-count: @count;
	column-count: @count;

	-moz-column-gap: @gap;
	-webkit-column-gap: @gap;
	column-gap: @gap;

	& when(@breakWidth > 0)
	{
		@media (max-width: @breakWidth)
		{
			-moz-column-count: 1;
			-webkit-column-count: 1;
			column-count: 1;
		}
	}
}

.m-columnBreakAvoid()
{
	-webkit-column-break-inside: avoid;
	break-inside: avoid-column;
	page-break-inside: avoid;
}

.m-borderLeftRadius(@radius)
{
	border-top-left-radius: @radius;
	border-bottom-left-radius: @radius;
}

.m-borderRightRadius(@radius)
{
	border-top-right-radius: @radius;
	border-bottom-right-radius: @radius;
}

.m-borderTopRadius(@radius)
{
	border-top-left-radius: @radius;
	border-top-right-radius: @radius;
}

.m-borderBottomRadius(@radius)
{
	border-bottom-left-radius: @radius;
	border-bottom-right-radius: @radius;
}

.m-hiddenLinks()
{
	a
	{
		color: inherit;
		text-decoration: none;

		&:hover
		{
			text-decoration: underline;
		}
	}
}

.m-textColoredLinks()
{
	a
	{
		color: inherit;
		text-decoration: underline;
	}
}

.m-placeholder(@rules)
{
	&::-webkit-input-placeholder { @rules(); }
	&::-moz-placeholder { @rules(); }
	&:-moz-placeholder { @rules(); }
	&:-ms-input-placeholder { @rules(); }
}

.m-autoCompleteList(@wide: false)
{
	.m-listPlain();
	cursor: default;

	.xf-menu();
	min-width: 180px;
	& when(@wide = true)
	{
		min-width: 250px;
	}
	max-width: 95%;

	border: @xf-borderSize solid @xf-borderColor;
	.m-dropShadow(0, 3px, 5px, 0, .3);

	> li
	{
		padding: @xf-paddingMedium;
		line-height: 24px;

		.m-clearFix();

		&.is-selected
		{
			background: @xf-contentHighlightBg;
		}

		.autoCompleteList-icon
		{
			float: left;
			margin-right: @xf-paddingMedium;
			width: 24px;
			height: 24px;
		}
	}
}

.m-listPlain()
{
	list-style: none;
	margin: 0;
	padding: 0;
}

// makes direct children display: inline-block, removing white-space between elements (mostly used on ul > li)
.m-inlineBlocks(@fontSize: @xf-fontSizeNormal)
{
	font-size: 0;

	> *
	{
		display: inline-block;
		font-size: @fontSize;
	}
}

.m-tabsTogether(@fontSize: @xf-fontSizeNormal)
{
	font-size: 0;

	.tabs-tab,
	.tabs-text,
	.tabs-extra,
	.hScroller-action
	{
		font-size: @fontSize;
	}
}

.m-hiddenEl(@transition: true)
{
	display: none;

	&.is-active
	{
		display: block;
	}

	& when(@transition = true)
	{
		.m-transitionFadeDown();
	}
}

.m-transitionFade(@speed: @xf-animationSpeed; @display: block)
{
	display: none;
	opacity: 0;

	.m-transition(all, -xf-opacity; @speed);

	&.is-active
	{
		display: @display;
		opacity: 1;
	}

	&.is-transitioning
	{
		display: @display;
	}
}

.m-transitionFadeDown(@speed: @xf-animationSpeed; @display: block)
{
	.m-transitionFade(@speed, @display);

	overflow-y: hidden;
	height: 0;

	.m-transitionProperty(all, -xf-height;);

	&.is-active
	{
		height: auto;
		overflow-y: visible;
	}

	&.is-transitioning
	{
		overflow-y: hidden;
	}
}

.m-visuallyHidden()
{
	position: absolute;
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	clip: rect(0 0 0 0);
	overflow: hidden;
}

.m-faBase(@type: false, @weight: false)
{
	// deprecated, use .m-faIcon directly
}

.m-faContent(@url, @width: false, @direction: false)
{
	// this is an alias for m-faIcon (for backwards compatibility)
	.m-faIcon(@url, @width, @direction);
}

.m-faIcon(@url, @width: false, @direction: false)
{
	& when (@direction = ltr) and (@ltr)
	{
		.m-faIconBase(@url, @width);
	}
	& when (@direction = rtl) and (@rtl)
	{
		.m-faIconBase(@url, @width);
	}
	& when (@direction = false)
	{
		.m-faIconBase(@url, @width);
	}
}

.m-faIconBase(@url, @width: false)
{
	display: inline-block;
	content: "";

	height: 1em;
	vertical-align: -0.125em;
	background-color: currentColor;

	& when (isnumber(@width))
	{
		width: @width;
	}
	& when not (isnumber(@width))
	{
		width: 1.28571429em;
	}

	mask: @url no-repeat center;
	-webkit-mask: @url no-repeat center;
}

.m-faBefore(@icon, @width: false)
{
	&:before
	{
		.m-faContent(@icon, @width);
	}
}

.m-faAfter(@icon, @width: false)
{
	&:after
	{
		.m-faContent(@icon, @width);
	}
}

.m-iconicIcon(@setPosition: true)
{
	display: inline-block;
	min-width: 1em;
	height: .9em;// prevents some zoom-related issues
	-ltr-rtl-text-align: left;

	&:before,
	&:after
	{
		.m-faBase('Pro'; inherit);
		//.m-transition(opacity, color; @xf-animationSpeed, @xf-animationSpeed / 2);

		position: absolute;

		& when (@setPosition = true)
		{
			left: 0;
			top: 0.2em;
		}

		opacity: 1;
	}
}

.m-menuGadget(@separate: false, @faWidth: 1.2em, @faWeight: 900)
{
	// deprecated, use .m-menuGadgetIcon directly to pass in a custom icon/variant
	.m-menuGadgetIcon(@separate, @faWidth);
	font-size: 11px;
}

.m-menuGadgetIcon(@separate: false, @faWidth: 1.2em, @faIcon: @fa-var-solid-chevron-down)
{
	.m-faContent(@faIcon, @faWidth);

	& when (@separate = true)
	{
		margin-left: .2em;
	}
	& when (isnumber(@separate))
	{
		margin-left: @separate;
	}
}

.m-content(@content, @direction: false, @separateDirection: false, @separateWidth: false)
{
	& when (@direction = false)
	{
		content: @content;
	}
	& when (@direction = ltr)
	{
		-ltr-content: @content;
	}
	& when (@direction = rtl)
	{
		-rtl-content: @content;
	}
	& when (@separateDirection = left)
	{
		& when (isnumber(@separateWidth))
		{
			margin-right: @separateWidth;
		}
		& when not(isnumber(@separateWidth))
		{
			margin-right: .2em;
		}
	}
	& when (@separateDirection = right)
	{
		& when (isnumber(@separateWidth))
		{
			margin-left: @separateWidth;
		}
		& when not(isnumber(@separateWidth))
		{
			margin-left: .2em;
		}
	}
}

.m-buttonIcon(@icon, @width: false)
{
	> .button-text::before
	{
		.m-faIcon(@icon, @width);
		vertical-align: .025em;
	}
}

.m-buttonIconWidth(@width)
{
	> .fa--xf svg
	{
		width: @width;
	}
}

.m-avatarSize(@avatarSize)
{
	width: @avatarSize;
	height: @avatarSize;
	font-size: round((@avatarSize * @xf-avatarDynamicTextPercent / 100));
}

.m-buttonBase()
{
	display: inline-block; // maintain this just in case for old browsers

	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	cursor: pointer;
	white-space: nowrap;
	.m-transition(background-color border-color color, (@xf-animationSpeed / 2));
	.xf-buttonBase();
}

.m-buttonColorVariation(@bgColor; @textColor)
{
	color: @textColor;
	background-color: @bgColor;
	.m-buttonBorderColorVariation(@bgColor);

	&:hover,
	&:active,
	&:focus
	{
		background-color: xf-intensify(@bgColor, 8%);
	}
}

.m-buttonBlockColorVariationSimple(@color)
{
	.m-buttonBorderColorVariation(@color);

	&:not(.button--splitTrigger),
	&.button--splitTrigger > .button-text,
	&.button--splitTrigger > .button-menu
	{
		&:hover,
		&:focus,
		&:active
		{
			background-color: xf-intensify(@color, 8%);
		}
	}
}

.m-buttonBorderColorVariation(@borderColor)
{
	&.button--splitTrigger
	{
		> .button-text { border-right-color: xf-intensify(@borderColor, 5%); }
		> .button-menu { border-left-color: xf-diminish(@borderColor, 5%); }
	}
}

// this will be replaced by the CSS renderer with the correct background-image rule
.m-selectGadgetColor(@color: black)
{
	-xf-select-gadget: @color;
}

.m-hScrollerActionColorVariation(@background, @text, @textHover)
{
	color: @text;

	&:hover
	{
		color: @textHover;
	}

	&.hScroller-action--start
	{
		.m-gradientHorizontal(@background, fade(@background, 0%), @background, 66%, 100%);
	}

	&.hScroller-action--end
	{
		.m-gradientHorizontal(fade(@background, 0%), @background, @background, 0%, 33%);
	}
}

// Fix for iOS zoom on input focus.
.m-inputZoomFix()
{
	@media (max-width: 568px)
	{
		font-size: 16px;
	}
}

.m-checkboxAligner()
{
	vertical-align: -2px;
}

.m-highResolution(@rules)
{
	@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dpi)
	{
		@rules();
	}
}

.m-fixedWidthFlex(@width)
{
	flex: 0 0 @width;
}

.m-labelVariation(@color; @bg; @border: false)
{
	color: @color;
	background: @bg;
	border-color: xf-intensify(@bg, 10%);

	& when (iscolor(@border))
	{
		border-color: @border;
	}

	a&:hover,
	a:hover &
	{
		background: xf-intensify(@bg, 4%);
		border-color: xf-intensify(@bg, 14%);

		& when (iscolor(@border))
		{
			border-color: xf-intensify(@border, 4%);
		}
	}
}

.m-tableBase()
{
	> table
	{
		border: none;
		border-collapse: collapse;
		empty-cells: show;
		max-width: 100%;

		> thead, > tbody
		{
			> tr
			{
				> th
				{
					.xf-contentAltBase();
					border: @xf-borderSize solid @xf-borderColor;
					border-bottom-color: mix(@xf-borderColor, @xf-borderColorHighlight);
					border-bottom-width: @xf-borderSize;
					padding: @tablePadding;
				}

				> td
				{
					background: @xf-contentBg;
					border: @xf-borderSize solid @xf-borderColor;
					padding: @tablePadding;
				}
			}
		}
	}
}

.m-backdropFilter(@filter, @filterBg: none, @fallbackBg: none)
{
	@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none)
	{
		--backdrop-filter: @filter;
		-webkit-backdrop-filter: var(--backdrop-filter);
		backdrop-filter: var(--backdrop-filter);

		& when not (@filterBg = none)
		{
			background: @filterBg;
		}
	}


	@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none))
	{
		& when (@fallbackBg = none)
		{
			background: @filterBg;
		}
		& when not (@fallbackBg = none)
		{
			background: @fallbackBg;
		}
	}
}

.m-blockAligner()
{
	// we want this to still be a block element but to inherit the alignment a user has set - this approximates that
	[style="text-align: center"] &
	{
		margin-left: auto;
		margin-right: auto;
	}

	[style="text-align: left"] &
	{
		-ltr-rtl-margin-left: 0;
		-ltr-rtl-margin-right: auto;
	}

	[style="text-align: right"] &
	{
		-ltr-rtl-margin-left: auto;
		-ltr-rtl-margin-right: 0;
	}
}

// STICKY HEADER STUFF
// Note that to access the height and offset, you need to call the mixin and use the variables locally.

@header-navHeight: (
	2 * @xf-publicNavPaddingV +
	xf-default(@xf-publicNav--font-size, @xf-fontSizeNormal) * @xf-lineHeightDefault
	);
@header-subNavHeight: (
	2 * @xf-publicSubNavPaddingV +
	xf-default(@xf-publicSubNav--font-size, @xf-fontSizeNormal) * @xf-lineHeightDefault +
	xf-default(@xf-publicSubNav--border-top-width, 0) +
	xf-default(@xf-publicSubNav--border-bottom-width, 0)
	);

.m-stickyHeaderConfig(@type)
{
	@_stickyHeader-offset: 10px;
	@_stickyHeader-height: 0;
}
.m-stickyHeaderConfig(@type) when(@type = primary)
{
	@_stickyHeader-height: @header-navHeight;
}
.m-stickyHeaderConfig(@type) when(@type = all)
{
	@_stickyHeader-height: (@header-navHeight + @header-subNavHeight);
}

.m-loadingSpinner()
{
	.is-loading &
	{
		opacity: 1;

		.fa--xf
		{
			animation-name: spin;
		}
	}

	.fa--xf
	{
		position: absolute;
		left: ~"calc(50% - 1.5em)";
		top: ~"calc(50% - 1.5em)";

		animation-duration: 1000ms;
		animation-iteration-count: infinite;
	}
}

{{ include('setup_custom.less') }}]]></template>
    <template title="thread_list_macros" type="public" addon_id="XF" version_id="2030270" version_string="2.3.2"><![CDATA[<xf:macro id="item"
	arg-thread="!"
	arg-forum=""
	arg-forceRead="{{ false }}"
	arg-showWatched="{{ true }}"
	arg-allowInlineMod="{{ true }}"
	arg-chooseName=""
	arg-extraInfo=""
	arg-allowEdit="{{ true }}">

	<xf:css src="structured_list.less" />

	<div class="structItem structItem--thread{{ !$thread.discussion_open ? ' is-locked' : '' }}{{ $thread.prefix_id ? ' is-prefix' . $thread.prefix_id : '' }}{{ $thread.isIgnored() ? ' is-ignored' : '' }}{{ ($thread.isUnread() AND !$forceRead) ? ' is-unread' : '' }}{{ $thread.discussion_state == 'moderated' ? ' is-moderated' : '' }}{{ $thread.discussion_state == 'deleted' ? ' is-deleted' : '' }} js-inlineModContainer js-threadListItem-{$thread.thread_id}" data-author="{{ $thread.User.username ?: $thread.username }}">

	<xf:extension id="icon_cell">
		<div class="structItem-cell structItem-cell--icon">
			<div class="structItem-iconContainer">
				<xf:avatar user="$thread.User" size="s" defaultname="{$thread.username}" />
				<xf:if is="$thread.getUserPostCount()">
					<xf:avatar user="$xf.visitor" size="s"
						href=""
						class="avatar--separated structItem-secondaryIcon"
						tabindex="0"
						data-xf-init="tooltip"
						data-trigger="auto"
						title="{{ phrase('you_have_posted_x_messages_in_this_thread', {'count': $thread.getUserPostCount() }) }}" />
				</xf:if>
			</div>
		</div>
	</xf:extension>

	<xf:extension id="main_cell">
		<div class="structItem-cell structItem-cell--main" data-xf-init="touch-proxy">
			<xf:if contentcheck="true">
				<ul class="structItem-statuses">
				<xf:contentcheck>
				<xf:extension id="statuses">
					<xf:if is="property('reactionSummaryOnLists') == 'status' && $thread.first_post_reactions">
						<li><xf:reactions summary="true" reactions="{$thread.first_post_reactions}" /></li>
					</xf:if>
					<xf:extension id="before_status_state"></xf:extension>
					<xf:if is="$thread.discussion_state == 'moderated'">
						<li>
							<xf:set var="$moderatedStatus">
								<i class="structItem-status structItem-status--moderated" aria-hidden="true" title="{{ phrase('awaiting_approval')|for_attr }}"></i>
								<span class="u-srOnly">{{ phrase('awaiting_approval') }}</span>
							</xf:set>
							<xf:if is="$thread.canCleanSpam()">
								<a href="{{ link('spam-cleaner', $thread) }}" data-xf-click="overlay">{$moderatedStatus}</a>
							<xf:else />
								{$moderatedStatus}
							</xf:if>
						</li>
					</xf:if>
					<xf:if is="$thread.discussion_state == 'deleted'">
						<li>
							<i class="structItem-status structItem-status--deleted" aria-hidden="true" title="{{ phrase('deleted')|for_attr }}"></i>
							<span class="u-srOnly">{{ phrase('deleted') }}</span>
						</li>
					</xf:if>
					<xf:if is="!$thread.discussion_open">
						<li>
							<i class="structItem-status structItem-status--locked" aria-hidden="true" title="{{ phrase('locked')|for_attr }}"></i>
							<span class="u-srOnly">{{ phrase('locked') }}</span>
						</li>
					</xf:if>

					<xf:extension id="status_sticky">
						<xf:if is="$thread.sticky">
							<li>
								<i class="structItem-status structItem-status--sticky" aria-hidden="true" title="{{ phrase('sticky')|for_attr }}"></i>
								<span class="u-srOnly">{{ phrase('sticky') }}</span>
							</li>
						</xf:if>
					</xf:extension>

					<xf:extension id="status_featured">
						<xf:if is="$thread.featured">
							<li>
								<i class="structItem-status structItem-status--featured" aria-hidden="true" title="{{ phrase('featured')|for_attr }}"></i>
								<span class="u-srOnly">{{ phrase('featured') }}</span>
							</li>
						</xf:if>
					</xf:extension>

					<xf:extension id="before_status_watch"></xf:extension>
					<xf:if is="{$showWatched} AND {$xf.visitor.user_id}">
						<xf:if is="{$thread.Watch.{$xf.visitor.user_id}}">
							<li>
								<i class="structItem-status structItem-status--watched" aria-hidden="true" title="{{ phrase('thread_watched')|for_attr }}"></i>
								<span class="u-srOnly">{{ phrase('thread_watched') }}</span>
							</li>
							<xf:elseif is="!$forum AND {$thread.Forum.Watch.{$xf.visitor.user_id}}" />
							<li>
								<i class="structItem-status structItem-status--watched" aria-hidden="true" title="{{ phrase('forum_watched')|for_attr }}"></i>
								<span class="u-srOnly">{{ phrase('forum_watched') }}</span>
							</li>
						</xf:if>
					</xf:if>

					<xf:extension id="before_status_type"></xf:extension>
					<xf:if is="$thread.discussion_type == 'redirect'">
						<xf:extension id="thread_type_redirect">
							<li>
								<i class="structItem-status structItem-status--redirect" aria-hidden="true" title="{{ phrase('redirect')|for_attr }}"></i>
								<span class="u-srOnly">{{ phrase('redirect') }}</span>
							</li>
						</xf:extension>
					<xf:elseif is="$thread.discussion_type == 'question' && $thread.type_data.solution_post_id" />
						<xf:extension id="thread_type_question_solved">
							<li>
								<i class="structItem-status structItem-status--solved" aria-hidden="true" title="{{ phrase('solved')|for_attr }}"></i>
								<span class="u-srOnly">{{ phrase('solved') }}</span>
							</li>
						</xf:extension>
					<xf:elseif is="!$forum || $forum.forum_type_id == 'discussion'" />
						<xf:extension id="thread_type_icon">
							<xf:if is="$thread.discussion_type != 'discussion'">
								<xf:set var="$threadTypeHandler" value="{{ $thread.getTypeHandler() }}" />
								<xf:if is="$threadTypeHandler.getTypeIconClass()">
									<li>
										<xf:set var="$threadTypePhrase" value="{{ $threadTypeHandler.getTypeTitle() }}" />
										<xf:fa class="structItem-status" icon="{{ $threadTypeHandler.getTypeIconClass() }}" title="{$threadTypePhrase|for_attr}" />
										<span class="u-srOnly">{$threadTypePhrase}</span>
									</li>
								</xf:if>
							</xf:if>
						</xf:extension>
					</xf:if>
				</xf:extension>
				</xf:contentcheck>
				</ul>
			</xf:if>

			<div class="structItem-title">
				<xf:set var="$canPreview" value="{{ $thread.canPreview() }}" />
				<xf:if is="$thread.prefix_id">
					<xf:if is="$forum">
						<a href="{{ link('forums', $forum, {'prefix_id': $thread.prefix_id}) }}" class="labelLink" rel="nofollow">{{ prefix('thread', $thread, 'html', '') }}</a>
					<xf:else />
						{{ prefix('thread', $thread, 'html', '') }}
					</xf:if>
				</xf:if>
				<a href="{{ link('threads' . (($thread.isUnread() AND !$forceRead) ? '/unread' : ''), $thread) }}" class="" data-tp-primary="on" data-xf-init="{{ $canPreview ? 'preview-tooltip' : '' }}" data-preview-url="{{ $canPreview ? link('threads/preview', $thread) : '' }}"
					{{ !$thread.isSearchEngineIndexable() ? 'rel="nofollow"' : '' }}>
					{$thread.title}
				</a>
			</div>

			<div class="structItem-minor">
				<xf:if contentcheck="true">
					<ul class="structItem-extraInfo">
					<xf:contentcheck>
						<xf:if is="property('reactionSummaryOnLists') == 'minor_opposite' && $thread.first_post_reactions">
							<li><xf:reactions summary="true" reactions="{$thread.first_post_reactions}" /></li>
						</xf:if>
						<xf:if is="{$extraInfo}">
							<li>{$extraInfo}</li>
						<xf:elseif is="$allowEdit AND $thread.canEdit() AND $thread.canUseInlineModeration()" />
							<xf:if is="!$allowInlineMod OR !$forum">
								<xf:set var="$editParams" value="{{ {
									'_xfNoInlineMod': !$allowInlineMod ? 1 : null,
									 '_xfForumName': !$forum ? 1 : 0
								} }}" />
							<xf:else />
								<xf:set var="$editParams" value="{{ [] }}" />
							</xf:if>
							<xf:if is="$thread.discussion_type != 'redirect'">
								<li class="structItem-extraInfoMinor">
									<a href="{{ link('threads/edit', $thread) }}" data-xf-click="overlay" data-cache="false" data-href="{{ link('threads/edit', $thread, $editParams) }}">
										{{ phrase('edit') }}
									</a>
								</li>
							</xf:if>
						</xf:if>
						<xf:if is="$chooseName">
							<li><xf:checkbox standalone="true">
								<xf:option name="{$chooseName}[]" value="{$thread.thread_id}" class="js-chooseItem" />
							</xf:checkbox></li>
						<xf:elseif is="$allowInlineMod AND $thread.canUseInlineModeration()" />
							<li><xf:checkbox standalone="true">
								<xf:option value="{$thread.thread_id}" class="js-inlineModToggle"
									data-xf-init="tooltip"
									title="{{ phrase('select_for_moderation') }}"
									label="{{ phrase('select_for_moderation') }}"
									hiddenlabel="true"
								/>
							</xf:checkbox></li>
						</xf:if>
					</xf:contentcheck>
					</ul>
				</xf:if>

				<xf:if is="$thread.discussion_state == 'deleted'">
					<xf:if is="{$extraInfo}"><span class="structItem-extraInfo">{$extraInfo}</span></xf:if>

					<xf:macro id="deletion_macros::notice" arg-log="{$thread.DeletionLog}" />
				<xf:else />
					<ul class="structItem-parts">
						<li><xf:username user="$thread.User" defaultname="{$thread.username}" /></li>
						<li class="structItem-startDate"><a href="{{ link('threads', $thread) }}" rel="nofollow"><xf:date time="{$thread.post_date}" /></a></li>
						<xf:if is="!$forum">
							<li><a href="{{ link('forums', $thread.Forum) }}">{$thread.Forum.title}</a></li>
						</xf:if>
					</ul>

					<xf:if is="$thread.discussion_type != 'redirect' && $thread.reply_count >= $xf.options.messagesPerPage && $xf.options.lastPageLinks">
						<span class="structItem-pageJump">
						<xf:foreach loop="{{ last_pages($thread.reply_count + 1, $xf.options.messagesPerPage, $xf.options.lastPageLinks) }}" value="$p">
							<a href="{{ link('threads', $thread, {'page': $p}) }}">{$p}</a>
						</xf:foreach>
						</span>
					</xf:if>
				</xf:if>
			</div>
		</div>
	</xf:extension>

	<xf:extension id="meta_cell">
		<xf:if is="property('dt_disc_minor_header')">
			<div class="structItem-cell structItem-cell--meta" title="{{ phrase('first_message_reaction_score:')|for_attr }} {$thread.first_post_reaction_score|number}">
				<span class="pairs pairs--justified">
					{{ $thread.discussion_type == 'redirect' ? '&ndash;' : $thread.reply_count|number_short }}
				</span>
			</div>
			<div class="structItem-cell structItem-cell--meta" title="{{ phrase('first_message_reaction_score:')|for_attr }} {$thread.first_post_reaction_score|number}">
				<span class="pairs pairs--justified">
					{{ $thread.discussion_type == 'redirect' ? '&ndash;' : ($thread.view_count > $thread.reply_count ? $thread.view_count|number_short : number_short($thread.reply_count+1)) }}
				</span>
			</div>
			<xf:if is="property('dt_reactions_column')">
				<div class="structItem-cell structItem-cell--meta" title="{{ phrase('first_message_reaction_score:')|for_attr }} {$thread.first_post_reaction_score|number}">
					<span class="pairs pairs--justified">
						{$thread.first_post_reaction_score|number}
					</span>
				</div>
			</xf:if>
		<xf:else />
			<div class="structItem-cell structItem-cell--meta" title="{{ phrase('first_message_reaction_score:')|for_attr }} {$thread.first_post_reaction_score|number}">
				<dl class="pairs pairs--justified">
					<dt>{{ phrase('replies') }}</dt>
					<dd>{{ $thread.discussion_type == 'redirect' ? '&ndash;' : $thread.reply_count|number_short }}</dd>
				</dl>
				<dl class="pairs pairs--justified structItem-minor">
					<dt>{{ phrase('views') }}</dt>
					<dd>{{ $thread.discussion_type == 'redirect' ? '&ndash;' : ($thread.view_count > $thread.reply_count ? $thread.view_count|number_short : number_short($thread.reply_count+1)) }}</dd>
				</dl>
				<xf:if is="property('dt_reactions_column')">
					<dl class="pairs pairs--justified structItem-minor">
						<dt>{{ phrase('reactions') }}</dt>
						<dd>{$thread.first_post_reaction_score|number}</dd>
					</dl>
				</xf:if>
			</div>
		</xf:if>
	</xf:extension>

	<xf:extension id="latest_cell">
		<div class="structItem-cell structItem-cell--latest">
			<xf:if is="$thread.discussion_type == 'redirect'">
				{{ phrase('n_a') }}
			<xf:else />
				<a href="{{ link('threads/latest', $thread) }}" rel="nofollow"><xf:date time="{$thread.last_post_date}" class="structItem-latestDate" /></a>
				<div class="structItem-minor">
					<xf:if is="$xf.visitor.isIgnoring($thread.last_post_user_id)">
						{{ phrase('ignored_member') }}
					<xf:else />
						<xf:username user="{$thread.LastPoster}" defaultname="{$thread.last_post_username}" />
					</xf:if>
				</div>
			</xf:if>
		</div>
	</xf:extension>

	<xf:extension id="icon_end_cell">
		<div class="structItem-cell structItem-cell--icon structItem-cell--iconEnd">
			<div class="structItem-iconContainer">
				<xf:if is="$xf.visitor.isIgnoring($thread.last_post_user_id) OR $thread.discussion_type == 'redirect'">
					<xf:avatar user="{{ null }}" size="xxs" />
				<xf:else />
					<xf:avatar user="{$thread.LastPoster}" defaultname="{$thread.last_post_username}" size="xxs" />
				</xf:if>
			</div>
		</div>
	</xf:extension>

	</div>
</xf:macro>

<xf:macro id="item_new_posts" arg-thread="!">
	<div class="contentRow">
		<div class="contentRow-figure">
			<xf:avatar user="$thread.LastPoster" size="xxs" defaultname="{$thread.last_post_username}" />
		</div>
		<div class="contentRow-main contentRow-main--close">
			<xf:if is="$thread.isUnread()">
				<a href="{{ link('threads/unread', $thread) }}" {{ !$thread.isSearchEngineIndexable() ? 'rel="nofollow"' : '' }}>{{ prefix('thread', $thread) }}{$thread.title}</a>
			<xf:else />
				<a href="{{ link('threads/post', $thread, {'post_id': $thread.last_post_id}) }}" {{ !$thread.isSearchEngineIndexable() ? 'rel="nofollow"' : '' }}>{{ prefix('thread', $thread) }}{$thread.title}</a>
			</xf:if>

			<div class="contentRow-minor contentRow-minor--hideLinks">
				<ul class="listInline listInline--bullet">
					<li>{{ phrase('latest_x', {'name': $thread.last_post_cache.username}) }}</li>
					<li><xf:date time="{$thread.last_post_date}" /></li>
				</ul>
			</div>
			<div class="contentRow-minor contentRow-minor--hideLinks">
				<a href="{{ link('forums', $thread.Forum) }}">{$thread.Forum.title}</a>
			</div>
		</div>
	</div>
</xf:macro>

<xf:macro id="item_new_threads" arg-thread="!">
	<div class="contentRow">
		<div class="contentRow-figure">
			<xf:avatar user="$thread.User" size="xxs" defaultname="{$thread.username}" />
		</div>
		<div class="contentRow-main contentRow-main--close">
			<a href="{{ link('threads', $thread) }}" {{ !$thread.isSearchEngineIndexable() ? 'rel="nofollow"' : '' }}>{{ prefix('thread', $thread) }}{$thread.title}</a>

			<div class="contentRow-minor contentRow-minor--hideLinks">
				<ul class="listInline listInline--bullet">
					<li>{{ phrase('started_by_x', {'name': $thread.username}) }}</li>
					<li><xf:date time="{$thread.post_date}" /></li>
					<li>{{ phrase('replies:') }} {$thread.reply_count|number_short}</li>
				</ul>
			</div>
			<div class="contentRow-minor contentRow-minor--hideLinks">
				<a href="{{ link('forums', $thread.Forum) }}">{$thread.Forum.title}</a>
			</div>
		</div>
	</div>
</xf:macro>

<xf:macro id="quick_thread"
	arg-forum="!"
	arg-page="1"
	arg-order="last_post_date"
	arg-direction="desc"
	arg-prefixes="{{ [] }}">

	<xf:css src="structured_list.less" />

	<xf:if is="$xf.cookieConsent.isCaptchaConsented() && ($forum.canCreateThread() OR $forum.canCreateThreadPreReg())">

		<xf:js src="xf/thread.js" min="1" />

		<xf:set var="$inlineMode" value="{{ ($page == 1 && $order == 'last_post_date' && $direction == 'desc') ? true : false }}" />

		<xf:form action="{{ link('forums/post-thread', $forum, {'inline-mode': $inlineMode}) }}" ajax="true"
			class="structItem structItem--quickCreate"
			draft="{{ link('forums/draft', $forum) }}"
			data-xf-init="quick-thread"
			data-focus-activate=".js-titleInput"
			data-focus-activate-href="{{ link('forums/post-thread', $forum, {'inline-mode': true}) }}"
			data-focus-activate-target=".js-quickThreadFields"
			data-insert-target=".js-threadList"
			data-replace-target=".js-emptyThreadList">

		<xf:extension id="icon_cell">
			<div class="structItem-cell structItem-cell--icon">
				<div class="structItem-iconContainer">
					<xf:avatar user="$xf.visitor" size="s" />
				</div>
			</div>
		</xf:extension>

		<xf:extension id="main_cell">
			<div class="structItem-cell structItem-cell--newThread js-prefixListenContainer">

				<xf:formrow rowtype="noGutter noLabel fullWidth noPadding mergeNext"
					label="{{ phrase('title') }}">

					<xf:prefixinput maxlength="{{ max_length('XF:Thread', 'title') }}"
						placeholder="{$forum.thread_prompt}"
						title="{{ phrase('post_new_thread_in_this_forum') }}"
						prefix-value="{$forum.default_prefix_id}"
						type="thread"
						prefixes="{$prefixes}"
						data-xf-init="tooltip"
						rows="1"
						help-href="{{ link('forums/prefix-help', $forum) }}"
						help-skip-initial="{{ true }}" />

					<!--[XF:qt_title_after]-->
				</xf:formrow>

				<div class="js-quickThreadFields inserter-container is-hidden"></div>
			</div>
		</xf:extension>

		</xf:form>
	</xf:if>

</xf:macro>]]></template>
    <template title="thread_list_question_macros" type="public" addon_id="XF" version_id="2030052" version_string="2.3.0 Release Candidate 2"><![CDATA[<xf:macro id="item" extends="thread_list_macros::item">
	<xf:extension name="meta_cell">
		<xf:if is="property('dt_disc_minor_header')">
			<div class="structItem-cell structItem-cell--meta" title="{{ phrase('first_message_reaction_score:')|for_attr }} {$thread.first_post_reaction_score|number}">
				<span class="pairs pairs--justified">
					{{ $thread.discussion_type == 'redirect' ? '&ndash;' : $thread.reply_count|number_short }}
				</span>
			</div>
			<div class="structItem-cell structItem-cell--meta" title="{{ phrase('first_message_reaction_score:')|for_attr }} {$thread.first_post_reaction_score|number}">
				<span class="pairs pairs--justified">
					{{ $thread.discussion_type == 'redirect' ? '&ndash;' : ($thread.view_count > $thread.reply_count ? $thread.view_count|number_short : number_short($thread.reply_count+1)) }}
				</span>
			</div>
		<xf:else />
			<div class="structItem-cell structItem-cell--meta" title="{{ phrase('first_message_reaction_score:')|for_attr }} {$thread.first_post_reaction_score|number}">
				<dl class="pairs pairs--justified">
					<dt>{{ phrase('answers') }}</dt>
					<dd>{{ $thread.discussion_type == 'redirect' ? '&ndash;' : $thread.reply_count|number_short }}</dd>
				</dl>
				<dl class="pairs pairs--justified structItem-minor">
					<dt>{{ phrase('views') }}</dt>
					<dd>{{ $thread.discussion_type == 'redirect' ? '&ndash;' : ($thread.view_count > $thread.reply_count ? $thread.view_count|number_short : number_short($thread.reply_count+1)) }}</dd>
				</dl>
			</div>
		</xf:if>
	</xf:extension>
</xf:macro>]]></template>
    <template title="userbanners.less" type="public" addon_id="" version_id="0" version_string=""><![CDATA[.userBanner--img
{
    display: inline-block;
    width: 200px;
    height: 42px;
    padding: 0;
    border: 0;
    box-shadow: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    font-size: 0;
    line-height: 0;
    color: transparent;
   
    .message-userDetails, .userBanners, .message-userBanner, .memberTooltip, .memberCard
    {
        display: block;
    }
   
    & .userBanner-before, .userBanner-after
    {
        display: none;
    }
   
    .userBanner-text, strong
    {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
    }
   
    @media (max-width: @xf-responsiveNarrow)
    {
        width: 170px;
        height: 36px;
    }
   
	&.userBanner--user
	{
    	background-image: url(/styles/arizonarp/banner/user.svg);
	}

	&.userBanner--adm
	{
    	background-image: url(/styles/arizonarp/banner/adm.svg);
	}

	&.userBanner--chief-admin
	{
    	background-image: url(/styles/arizonarp/banner/chiefadmin.svg);
	}

	&.userBanner--curator
	{
    	background-image: url(/styles/arizonarp/banner/curator.svg);
	}

	&.userBanner--deputy-chief-admin
	{
    	background-image: url(/styles/arizonarp/banner/deputychiefadmin.svg);
	}

	&.userBanner--judge2
	{
    	background-image: url(/styles/arizonarp/banner/judge2.svg);
	}

	&.userBanner--ml-adm
	{
    	background-image: url(/styles/arizonarp/banner/ml_adm.svg);
	}

	&.userBanner--owner
	{
    	background-image: url(/styles/arizonarp/banner/Owner.svg);
	}

	&.userBanner--spec-adm
	{
	    background-image: url(/styles/arizonarp/banner/Spec.adm.svg);
	}
	
	&.userBanner--tech-adm
	{
	    background-image: url(/styles/arizonarp/banner/Techadm2.svg);
	}
	
	&.userBanner--tech-section
	{
	    background-image: url(/styles/arizonarp/banner/Tech.section.svg);
	}
	
	&.userBanner--helper
	{
	    background-image: url(/styles/arizonarp/banner/helper.svg);
	}

}]]></template>
    <template title="variations.less" type="public" addon_id="XF" version_id="2030670" version_string="2.3.6"><![CDATA[:root
{
	color-scheme: @xf-styleType;

	--xf-color-adjust: {{ $xf.style.getDefaultStyleType() === 'light' ? 1 : -1 }};
	--privOtnechaevaDetka: "";

	<xf:foreach loop="$xf.style.getVariationVariables('default')" key="$property" value="$value">
		--xf-{$property}: ~"{$value}";
	</xf:foreach>

	<xf:foreach loop="$xf.style.getVariationVariables('default', true)" key="$property" value="$value">
		--xf-{$property}: var(--xf-{$property}--h), var(--xf-{$property}--s), var(--xf-{$property}--l), var(--xf-{$property}--a);
		--xf-{$property}--h: hue({$value});
		--xf-{$property}--s: saturation({$value});
		--xf-{$property}--l: lightness({$value});
		--xf-{$property}--a: alpha({$value});
	</xf:foreach>

	<xf:if is="$xf.style.hasAlternateStyleTypeVariation()">
		&:not([data-variation])
		{
			@media (prefers-color-scheme: {{ $xf.style.getAlternateStyleType() }})
			{
				--xf-color-adjust: {{ $xf.style.getAlternateStyleType() === 'light' ? 1 : -1 }};

				<xf:foreach loop="$xf.style.getVariationVariables($xf.style.getAlternateStyleTypeVariation())" key="$property" value="$value">
					--xf-{$property}: ~"{$value}";
				</xf:foreach>

				<xf:foreach loop="$xf.style.getVariationVariables($xf.style.getAlternateStyleTypeVariation(), true)" key="$property" value="$value">
					--xf-{$property}--h: hue({$value});
					--xf-{$property}--s: saturation({$value});
					--xf-{$property}--l: lightness({$value});
					--xf-{$property}--a: alpha({$value});
				</xf:foreach>
			}
		}
	</xf:if>

	<xf:foreach loop="$xf.style.getVariations(false)" value="$variation">
		&[data-variation="{$variation}"]
		{
			--xf-color-adjust: {{ $xf.style.getPropertyVariation('styleType', $variation, 'light') === 'light' ? 1 : -1 }};

			<xf:foreach loop="$xf.style.getVariationVariables($variation)" key="$property" value="$value">
				--xf-{$property}: ~"{$value}";
			</xf:foreach>

			<xf:foreach loop="$xf.style.getVariationVariables($variation, true)" key="$property" value="$value">
				--xf-{$property}--h: hue({$value});
				--xf-{$property}--s: saturation({$value});
				--xf-{$property}--l: lightness({$value});
				--xf-{$property}--a: alpha({$value});
			</xf:foreach>
		}
	</xf:foreach>
}]]></template>
  </templates>
  <properties>
    <group group_name="dohthemebasic" title="[DohTheme] --&gt; Basic options" description="General settings that control the theme overall." display_order="10" addon_id=""/>
    <group group_name="dohthemeheader" title="[DohTheme] --&gt; Header and navigation" description="Generic header specific settings." display_order="20" addon_id=""/>
    <group group_name="dohthemeforum" title="[DohTheme] --&gt; Node/forum list" description="Controls the display and properties of the categories and other node types." display_order="30" addon_id=""/>
    <group group_name="sidebaroptions" title="[DohTheme] --&gt; Sidebar" description="Properties for sidebar collapse, icons, etc." display_order="40" addon_id=""/>
    <group group_name="dohthemeds" title="[DohTheme] --&gt; Discussion List" description="Control on the appearance of the list of discussions within a forum." display_order="50" addon_id=""/>
    <group group_name="threadoptions" title="[DohTheme] --&gt; Messages" description="Thread list styling, post styles, and post settings." display_order="60" addon_id=""/>
    <group group_name="dohthemefooter" title="[DohTheme] --&gt; Pre-Footer" description="Show footer columns and also general footer settings." display_order="70" addon_id=""/>
    <property property_name="badge" group_name="misc" title="Badge" description="Badges appear to indicate a number if items requiring attention, such as unread messages in your inbox" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20000" css_components="text,background,border,border_radius,extra" addon_id="XF">
      <value>{
    "color": "@xf-paletteColor1",
    "font-weight": "@xf-fontWeightHeavy",
    "background-color": "@xf-paletteColor5",
    "border-radius": "50%"
}</value>
    </property>
    <property property_name="badgeHighlighted" group_name="misc" title="Badge - highlighted" description="Highlighted badges grab the viewer's attention more and tend to indicate new items to be reviewed" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20100" css_components="text,background,border,extra" addon_id="XF">
      <value>{
    "color": "white",
    "font-weight": "@xf-fontWeightHeavy",
    "background-color": "hsl(0,74%,53%)"
}</value>
    </property>
    <property property_name="bbCodeBlock" group_name="bbCode" title="BB code blocks" description="All BB code blocks within messages make use of these styling rules" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20000" css_components="text,background,border,border_radius,extra" addon_id="XF">
      <value>{
    "background-color": "@xf-contentAltBg",
    "border-width": "@xf-borderSize",
    "border-color": "@xf-borderColor",
    "border-radius": "@xf-blockBorderRadius",
    "border-left-width": "@xf-borderSizeFeature",
    "border-left-color": "@xf-paletteColor1"
}</value>
    </property>
    <property property_name="bbCodeBlockTitle" group_name="bbCode" title="BB code blocks - title" description="Styles the title section of BB code blocks within messages" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20100" css_components="text,background,border,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeSmall",
    "color": "@xf-paletteColor1",
    "font-weight": "@xf-fontWeightHeavy",
    "background-color": "xf-diminish(@xf-contentAltBg, 2%)",
    "border-bottom-width": "@xf-borderSize",
    "border-bottom-color": "@xf-borderColor"
}</value>
    </property>
    <property property_name="blockBorder" group_name="block" title="Block border framework" description="Virtually all blocks have their borders styled with these settings" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20000" css_components="border,extra" addon_id="XF">
      <value>{
    "border-width": "@xf-borderSize",
    "border-color": "@xf-borderColor"
}</value>
    </property>
    <property property_name="blockBorderRadius" group_name="block" title="Block border radius" description="Controls the size of the curve on block border corners" property_type="value" value_type="unit" has_variations="" depends_on="" value_group="borderRadius" display_order="1000" addon_id="XF">
      <value>"15px"</value>
    </property>
    <property property_name="blockFilterBar" group_name="block" title="Block filter bar" description="When the content of a block can be filtered, the controls to do so are styled here" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20800" css_components="text,background,border,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeSmall",
    "color": "@xf-linkColor",
    "font-weight": "@xf-fontWeightHeavy",
    "background-color": "fade(@xf-contentAltBg, 15%)",
    "border-bottom-width": "@xf-borderSize",
    "border-bottom-color": "@xf-borderColor",
    "extra": "padding: @xf-paddingLarge;\nborder-radius: @xf-blockBorderRadius;"
}</value>
    </property>
    <property property_name="blockFooter" group_name="block" title="Block footer" description="When information needs to be conveyed in a footer element for a block, its style is controlled here" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="21200" css_components="text,background,border,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeSmaller",
    "color": "@xf-blockFooterTextColor",
    "border-width": "@xf-borderSize",
    "border-color": "@xf-borderColor",
    "extra": "border-radius: @xf-blockBorderRadius;"
}</value>
    </property>
    <property property_name="blockHeader" group_name="block" title="Block header" description="Blocks often have title bars at their tops, which are styled here" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20100" css_components="text,background,border,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeLarger",
    "color": "@xf-majorHeadingTextColor",
    "background-color": "@xf-majorHeadingBg",
    "extra": "padding: @xf-paddingLarge @xf-paddingLargest;"
}</value>
    </property>
    <property property_name="blockLinkSelected" group_name="misc" title="Block link - selected" description="Styling for block-type links when in their selected state" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="21000" css_components="text,background,border_width_simple,border_color_simple,extra" addon_id="XF">
      <value>{
    "color": "@xf-paletteColor1",
    "font-weight": "@xf-fontWeightHeavy",
    "background-color": "@xf-contentAltBg",
    "border-width": "@xf-borderSizeFeature",
    "border-color": "@xf-borderColorHighlight",
    "extra": "border-radius: 8px;"
}</value>
    </property>
    <property property_name="blockMinorHeader" group_name="block" title="Block minor header" description="Sub-headings in blocks use these settings" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20400" css_components="text,background,border,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeLarge",
    "color": "@xf-minorHeadingTextColor",
    "font-weight": "@xf-fontWeightHeavy",
    "extra": "padding: @xf-paddingLargest;"
}</value>
    </property>
    <property property_name="blockMinorTabHeaderSelected" group_name="block" title="Block minor tab header - selected tab" description="Selected tabs from block sub-headings" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20600" css_components="text,background,border_color_simple,extra" addon_id="XF">
      <value>{
    "color": "@xf-textColor",
    "border-color": "@xf-minorHeadingTextColor"
}</value>
    </property>
    <property property_name="blockTabHeader" group_name="block" title="Block tab header" description="Occasionally, blocks will have multi-part, tab headers, styled with these settings" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20200" css_components="text,background,border,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeNormal",
    "color": "@xf-blockTabHeaderTextColor",
    "font-weight": "@xf-fontWeightNormal",
    "background-color": "@xf-blockTabHeaderBg",
    "border-bottom-width": "@xf-borderSize",
    "border-bottom-color": "@xf-borderColor",
    "extra": "padding: @xf-paddingMedium;"
}</value>
    </property>
    <property property_name="blockTabHeaderBg" group_name="color" title="Block tab header background color" description="" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="blockTabHeader" display_order="6500" addon_id="XF">
      <value>{
    "default": "@xf-contentBg"
}</value>
    </property>
    <property property_name="blockTabHeaderSelected" group_name="block" title="Block tab header - selected tab" description="The selected tab in multi-part headers takes additional styling from here" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20300" css_components="text,background,border_color_simple,extra" addon_id="XF">
      <value>{
    "color": "@xf-contentBg",
    "font-weight": "@xf-fontWeightHeavy",
    "background-color": "@xf-linkColor",
    "extra": "box-shadow: 0 0 4px fade(@xf-linkColor, 60%);"
}</value>
    </property>
    <property property_name="blockTabHeaderTextColor" group_name="color" title="Block tab header text color" description="" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="blockTabHeader" display_order="6600" addon_id="XF">
      <value>{
    "default": "@xf-textColor"
}</value>
    </property>
    <property property_name="blockTextHeader" group_name="block" title="Block text header" description="Text headers are used for subtle identification of content areas, without changing the background style or color" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20700" css_components="text,background,border,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeLarge",
    "color": "@xf-linkColor",
    "font-weight": "@xf-fontWeightHeavy"
}</value>
    </property>
    <property property_name="borderColor" group_name="color" title="Border color" description="Structural borders around blocks of content generally use this color" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="borderBasic" display_order="4000" addon_id="XF">
      <value>{
    "default": "@xf-paletteColor4"
}</value>
    </property>
    <property property_name="borderColorAccentContent" group_name="color" title="Accent content border color" description="" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="borderOther" display_order="5200" addon_id="XF">
      <value>{
    "default": "@xf-contentAccentBg"
}</value>
    </property>
    <property property_name="borderColorHighlight" group_name="color" title="Highlight border color" description="" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="borderOther" display_order="5000" addon_id="XF">
      <value>{
    "default": "@xf-contentHighlightBg"
}</value>
    </property>
    <property property_name="buttonBase" group_name="button" title="Button base" description="Defines the styling for the basic elements that are common to all text-based buttons" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20000" css_components="text,border_radius,padding,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeSmall",
    "font-weight": "@xf-fontWeightHeavy",
    "border-radius": "50rem",
    "padding-top": "13px",
    "padding-right": "@xf-paddingLargest",
    "padding-bottom": "13px",
    "padding-left": "@xf-paddingLargest",
    "extra": "letter-spacing: -.01em;\ntext-align: center;\nborder: none;"
}</value>
    </property>
    <property property_name="buttonBg" group_name="color" title="Default button background color" description="" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="buttons" display_order="8200" addon_id="XF">
      <value>{
    "default": "hsla(0, 0%, 0%, 1)"
}</value>
    </property>
    <property property_name="buttonCta" group_name="button" title="Button - call to action" description="Call to action buttons sit alone and invite the user to do something, like post a new thread" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20300" css_components="text,background,extra" addon_id="XF">
      <value>{
    "color": "@xf-textColorEmphasized",
    "background-color": "@xf-buttonCtaBg",
    "background-image": "linear-gradient(137.44deg, @xf-paletteAccent1 -44.76%, @xf-paletteColor1 91.94%)"
}</value>
    </property>
    <property property_name="buttonCtaBg" group_name="color" title="Call-to-action button background" description="" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="buttons" display_order="8400" addon_id="XF">
      <value>{
    "default": "@xf-paletteColor1"
}</value>
    </property>
    <property property_name="buttonDefault" group_name="button" title="Button - default" description="Most buttons use this styling, except for primary form submit buttons" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20100" css_components="text,background,extra" addon_id="XF">
      <value>{
    "color": "@xf-buttonTextColor",
    "background-color": "@xf-buttonBg"
}</value>
    </property>
    <property property_name="buttonPrimary" group_name="button" title="Button - primary" description="These rules are used mostly for the main submit button for forms" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20200" css_components="text,background,extra" addon_id="XF">
      <value>{
    "color": "@xf-contentBg",
    "background-color": "@xf-buttonPrimaryBg",
    "extra": "min-width: 80px;"
}</value>
    </property>
    <property property_name="buttonPrimaryBg" group_name="color" title="Primary button background color" description="" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="buttons" display_order="8300" addon_id="XF">
      <value>{
    "default": "@xf-linkColor"
}</value>
    </property>
    <property property_name="buttonTextColor" group_name="color" title="Default button text color" description="" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="buttons" display_order="8100" addon_id="XF">
      <value>{
    "default": "@xf-textColorEmphasized"
}</value>
    </property>
    <property property_name="chip" group_name="misc" title="Chips" description="The primary use for chips is in tagging content, where each tag will appear as a chip" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20200" css_components="text,background,border_width_simple,border_color_simple,extra" addon_id="XF">
      <value>{
    "color": "@xf-textColorDimmed",
    "background-color": "@xf-contentAltBg",
    "border-width": "@xf-borderSize",
    "border-color": "@xf-borderColor"
}</value>
    </property>
    <property property_name="chipHover" group_name="misc" title="Chips - hovered" description="Chip styling is adjusted using these settings when they are hovered" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20300" css_components="text,background,border_color_simple,extra" addon_id="XF">
      <value>{
    "background-color": "@xf-contentBg"
}</value>
    </property>
    <property property_name="chromeBg" group_name="color" title="Page chrome background color" description="" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="chrome" display_order="6000" addon_id="XF">
      <value>{
    "default": "@xf-paletteColor1"
}</value>
    </property>
    <property property_name="chromeTextColor" group_name="color" title="Page chrome text color" description="" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="chrome" display_order="6050" addon_id="XF">
      <value>{
    "default": "@xf-textColorEmphasized"
}</value>
    </property>
    <property property_name="contentAccentBg" group_name="color" title="Accented content background color" description="This background color is used for further differentiation from regular content" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="contentBackground" display_order="2400" addon_id="XF">
      <value>{
    "default": "@xf-paletteAccent1"
}</value>
    </property>
    <property property_name="contentAccentLink" group_name="content" title="Accented content area links" description="Links within accented content will be styled with these settings" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20400" css_components="text,background,extra" addon_id="XF">
      <value>{
    "color": "@xf-textColorAccentContent"
}</value>
    </property>
    <property property_name="contentAltBase" group_name="content" title="Alternate content area base" description="When an alternate background needs to be presented along side the main content background, this will be employed" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20100" css_components="text,background,extra" addon_id="XF">
      <value>{
    "color": "@xf-textColorDimmed",
    "background-color": "@xf-contentAltBg"
}</value>
    </property>
    <property property_name="contentAltBg" group_name="color" title="Alternate content background color" description="In order to differentiate it, some content will be presented on this alternate background" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="contentBackground" display_order="2200" addon_id="XF">
      <value>{
    "default": "@xf-paletteColor5"
}</value>
    </property>
    <property property_name="contentBg" group_name="color" title="Content background color" description="Most normal content will sit on this background" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="contentBackground" display_order="2000" addon_id="XF">
      <value>{
    "default": "@xf-paletteNeutral1"
}</value>
    </property>
    <property property_name="contentHighlightBase" group_name="content" title="Highlighted content area base" description="If an area of content is selected, for example a row in a table, its normal background will be substituted with this" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20200" css_components="text,background,extra" addon_id="XF">
      <value>{
    "color": "@xf-textColorEmphasized",
    "background-color": "@xf-contentHighlightBg"
}</value>
    </property>
    <property property_name="contentHighlightBg" group_name="color" title="Highlighted content background color" description="When the standard background color is highlighted or selected, it will use this color" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="contentBackground" display_order="2300" addon_id="XF">
      <value>{
    "default": "@xf-paletteColor1"
}</value>
    </property>
    <property property_name="dataListFooter" group_name="dataList" title="Data list footer" description="When data lists have a terminating element at their foot, it is styled here" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20200" css_components="text,background,border,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeSmaller",
    "color": "@xf-blockFooterTextColor",
    "background-color": "@xf-blockFooterBg",
    "border-top-width": "@xf-borderSize",
    "border-top-color": "@xf-borderColor"
}</value>
    </property>
    <property property_name="dataListHeader" group_name="dataList" title="Data list header" description="The title bar of a data list is styled with these settings" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20000" css_components="text,background,border,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeSmaller",
    "color": "@xf-majorHeadingTextColor",
    "font-weight": "@xf-fontWeightHeavy",
    "background-color": "fade(@xf-majorHeadingBg, 75%)",
    "border-bottom-width": "@xf-borderSize",
    "border-bottom-color": "@xf-borderColorHeavy",
    "extra": "text-transform: none;"
}</value>
    </property>
    <property property_name="dataListSection" group_name="dataList" title="Data list section header" description="Individual data list sections are divided with this titular header bar" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20100" css_components="text,background,border,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeLarge",
    "color": "@xf-majorHeadingTextColor",
    "background-color": "@xf-majorHeadingBg",
    "border-bottom-width": "@xf-borderSize",
    "border-bottom-color": "@xf-majorHeadingBg"
}</value>
    </property>
    <property property_name="dt_account_wrapper_glyphs" group_name="dohthemebasic" title="Account Wrapper Icons" description="Adds icons to tabs in account wrapper page when enabled." property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="Icons" display_order="140" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_alternative_nodes" group_name="dohthemeforum" title="Alternative Node Background" description="Sets the background color of even node items." property_type="value" value_type="color" has_variations="" depends_on="" value_group="Forum" display_order="50" addon_id="">
      <value>"hsla(0, 0%, 100%, 0)"</value>
    </property>
    <property property_name="dt_alternative_threads" group_name="dohthemeds" title="Alternative Thread Background" description="Set the background color of even discussion list items." property_type="value" value_type="color" has_variations="" depends_on="" value_group="General" display_order="30" addon_id="">
      <value>""</value>
    </property>
    <property property_name="dt_avatar_shape" group_name="dohthemebasic" title="Avatar Shape" description="Change small avatars around the forum to visually crop into a specific shape." property_type="value" value_type="select" has_variations="" depends_on="" value_group="Global" display_order="20" addon_id="">
      <value_parameters>option1=Default
option2=Circle
option3=Rhombus
option4=Pentagon
option5=Hexagon
option6=Heptagon
option7=Octagon
option8=Nonagon
option9=Bevel
option10=Rabbet</value_parameters>
      <value>"option1"</value>
    </property>
    <property property_name="dt_background_sticky_thread_css" group_name="dohthemeds" title="Sticky Threads" description="Styles the individual sticky threads." property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="11" css_components="text,background,border,border_radius,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="dt_breadbrumb_bottom" group_name="dohthemebasic" title="Remove Bottom Breadcrumb" description="Removes the breadcrumb at the bottom of the page." property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="Global" display_order="50" addon_id="">
      <value>1</value>
    </property>
    <property property_name="dt_breadbrumb_index" group_name="dohthemebasic" title="Remove Breadcrumb on Forum Index" description="This removes the breadcrumb for the forum list index page." property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="ForumHome" display_order="100" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_breadbrumb_top" group_name="dohthemebasic" title="Remove Top Breadcrumb" description="Removes the breadcrumb at the top of the page." property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="Global" display_order="40" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_cat_description" group_name="dohthemeforum" title="Category Description" description="Sets the tooltip display type." property_type="value" value_type="radio" has_variations="" depends_on="" value_group="Forum" display_order="40" addon_id="">
      <value_parameters>option1=Default
option2=Hover Only
option3=Tooltip</value_parameters>
      <value>"option3"</value>
    </property>
    <property property_name="dt_category_header" group_name="dohthemeforum" title="Category block header" description="Categories often have title bars at their tops, which are styled here." property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="10" css_components="text,background,border,border_radius,padding,extra" addon_id="">
      <value>{
    "font-size": "@xf-fontSizeLargest",
    "color": "@xf-linkColor",
    "font-weight": "@xf-fontWeightHeavy",
    "background-color": "transparent"
}</value>
    </property>
    <property property_name="dt_catstrips_minorheader" group_name="dohthemeforum" title="Category minor header" description="Displays a minor header under the category strips with sections info." property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="Forum" display_order="30" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_collaps_sticky_threads" group_name="dohthemeds" title="Collapsible sticky threads" description="It allows the users to collapse sticky threads. Requires Separate Sticky Threads." property_type="value" value_type="boolean" has_variations="" depends_on="dt_seperate_sticky_threads" value_group="General" display_order="15" addon_id="">
      <value>1</value>
    </property>
    <property property_name="dt_collapsible_categories" group_name="dohthemeforum" title="Enable collapsible category nodes" description="It allows the user to collapse whole categories in the node list." property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="Forum" display_order="10" addon_id="">
      <value>1</value>
    </property>
    <property property_name="dt_collapsible_extras" group_name="threadoptions" title="Collapsible user extras" description="Adds a trigger to toggle the Postbit extra information open and closed (such as joined, messages, trophies, etc..)." property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="MessageLayout" display_order="30" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_collapsible_sidebar" group_name="sidebaroptions" title="Collapsible sidebar" description="It allows you to collapse and expand the sidebar if it is enabled." property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="Sidebar" display_order="30" addon_id="">
      <value>1</value>
    </property>
    <property property_name="dt_collpse_off_icon" group_name="sidebaroptions" title="Sidebar Toggle-Off" description="Name of Fontawesome Icon." property_type="value" value_type="string" has_variations="" depends_on="dt_collapsible_sidebar" value_group="Icons" display_order="80" addon_id="">
      <value>"toggle-on"</value>
    </property>
    <property property_name="dt_collpse_on_icon" group_name="sidebaroptions" title="Sidebar Toggle-On" description="Name of Fontawesome Icon." property_type="value" value_type="string" has_variations="" depends_on="dt_collapsible_sidebar" value_group="Icons" display_order="70" addon_id="">
      <value>"toggle-off"</value>
    </property>
    <property property_name="dt_condense_visito_tabs" group_name="dohthemeheader" title="Condense visitor tabs" description="It allows you to condense the visitor tabs. Links for the Alerts and Conversations are added to the user drop-down menu." property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="Navigation" display_order="40" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_custom_scrollbar" group_name="dohthemebasic" title="Custom Scrollbar" description="The visual styling of scrollbars, customize the width, the color of the scrollbar track, and the scrollbar thumb." property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="Global" display_order="5" addon_id="">
      <value>1</value>
    </property>
    <property property_name="dt_disable_sidebar" group_name="sidebaroptions" title="Disable sidebar" description="Tick in this checked box if you want to disable the sidebar at the forum." property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="Sidebar" display_order="10" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_disable_tab_links" group_name="dohthemeheader" title="Remove Sub-navigation row" description="It allows you to remove the selected navigation sub-links." property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="Navigation" display_order="100" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_disc_minor_header" group_name="dohthemeds" title="Discussion minor header" description="Displays a minor header above the thread list with thread info." property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="General" display_order="8" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_disc_minor_header_css" group_name="dohthemeds" title="Discussion minor header" description="Styles the discussion minor header if enabled." property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="10" css_components="text,background,border,border_radius,padding,extra" addon_id="">
      <value>{
    "font-size": "@xf-fontSizeSmall",
    "color": "@xf-textColorDimmed",
    "background-color": "@xf-contentAltBg",
    "border-top-width": "@xf-borderSize",
    "border-top-color": "@xf-borderColor",
    "padding": "@xf-paddingLarge"
}</value>
    </property>
    <property property_name="dt_disc_new_indicator" group_name="dohthemeds" title="New indicator on unread posts" description="Displays a &quot;new&quot; indicator next to the node title if there is new content." property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="General" display_order="80" addon_id="">
      <value>1</value>
    </property>
    <property property_name="dt_discussion_animation" group_name="dohthemeds" title="Discussion list animation" description="Adds animation to discussion list items on page load." property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="General" display_order="45" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_discussion_glyphs" group_name="dohthemeds" title="Discussion List Icons" description="Adds icons next to username and date text." property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="General" display_order="65" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_editor_avatar" group_name="threadoptions" title="Remove text editor's avatar" description="This removes the user's avatar from the Rich text editor." property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="MessageLayout" display_order="50" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_euicss" group_name="threadoptions" title="Show user extras on hover" description="As opposed to on click, hovering over the Postbit extra information will trigger the sliding effect." property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="MessageLayout" display_order="40" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_extra_footer" group_name="dohthemefooter" title="Enable Pre-Footer" description="" property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="" display_order="10" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_extra_footer_content_css" group_name="dohthemefooter" title="Pre-Footer widget" description="Styles the widget block." property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="100" css_components="text,background,border,border_radius,padding,extra" addon_id="">
      <value>{
    "color": "@xf-textColor",
    "background-color": "@xf-contentBg",
    "border-width": "@xf-borderSize",
    "border-color": "@xf-borderColor",
    "border-radius": "@xf-blockBorderRadius"
}</value>
    </property>
    <property property_name="dt_extra_footer_css" group_name="dohthemefooter" title="Pre-Footer body" description="Styles the body of the footer widgets." property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="90" css_components="text,background,border,border_radius,padding,extra" addon_id="">
      <value>{
    "background-image": "%ASSET:dt_theme_files%/img/prefooterimg.png",
    "padding-top": "30px",
    "padding-bottom": "30px",
    "extra": "background-position: right bottom;\nbackground-repeat: no-repeat;"
}</value>
    </property>
    <property property_name="dt_extra_footer_custom_html" group_name="dohthemefooter" title="Custom HTML Content" description="" property_type="value" value_type="string" has_variations="" depends_on="dt_extra_footer" value_group="Custom_HTML" display_order="30" addon_id="">
      <value_parameters>rows=4</value_parameters>
      <value>"&lt;p&gt;\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur egestas ex id lacus porttitor congue. Nam tristique massa quis eleifend ornare. Sed mattis est at ipsum tristique egestas curabitur.\n&lt;/p&gt;"</value>
    </property>
    <property property_name="dt_extra_footer_custom_html_title" group_name="dohthemefooter" title="Custom HTML Title" description="" property_type="value" value_type="string" has_variations="" depends_on="dt_extra_footer" value_group="Custom_HTML" display_order="25" addon_id="">
      <value>"About Us"</value>
    </property>
    <property property_name="dt_extra_footer_facebook" group_name="dohthemefooter" title="Facebook URL" description="" property_type="value" value_type="string" has_variations="" depends_on="dt_extra_footer" value_group="Footer_Social" display_order="56" addon_id="">
      <value>"#"</value>
    </property>
    <property property_name="dt_extra_footer_first_column" group_name="dohthemefooter" title="First Column Content" description="" property_type="value" value_type="select" has_variations="" depends_on="dt_extra_footer" value_group="" display_order="20" addon_id="">
      <value_parameters>option1=Members online
option2=Forum statistics
option3=Share this page
option4=Online statistics
option5=New profile posts
option6=Trending content
option7=Newest members
option8=Social Links
option9=Custom HTML
option10=Links Column 1
option11=Links Column 2</value_parameters>
      <value>"option4"</value>
    </property>
    <property property_name="dt_extra_footer_fourth_column" group_name="dohthemefooter" title="Fourth Column Content" description="" property_type="value" value_type="select" has_variations="" depends_on="dt_extra_footer" value_group="" display_order="23" addon_id="">
      <value_parameters>option1=Members online
option2=Forum statistics
option3=Share this page
option4=Online statistics
option5=New profile posts
option6=Trending content
option7=Newest members
option8=Social Links
option9=Custom HTML
option10=Links Column 1
option11=Links Column 2</value_parameters>
      <value>"option8"</value>
    </property>
    <property property_name="dt_extra_footer_index" group_name="dohthemefooter" title="Enable Pre-footer on Forum Index Only" description="" property_type="value" value_type="boolean" has_variations="" depends_on="dt_extra_footer" value_group="" display_order="15" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_extra_footer_instagram" group_name="dohthemefooter" title="Instagram URL" description="" property_type="value" value_type="string" has_variations="" depends_on="dt_extra_footer" value_group="Footer_Social" display_order="58" addon_id="">
      <value>"#"</value>
    </property>
    <property property_name="dt_extra_footer_link_1" group_name="dohthemefooter" title="Links Column 1" description="" property_type="value" value_type="string" has_variations="" depends_on="dt_extra_footer" value_group="Footer_Links" display_order="40" addon_id="">
      <value_parameters>rows=4</value_parameters>
      <value>"&lt;li&gt;&lt;a href=\"#\"&gt;Link Title&lt;/a&gt;&lt;/li&gt;\n&lt;li&gt;&lt;a href=\"#\"&gt;Link Title&lt;/a&gt;&lt;/li&gt;\n&lt;li&gt;&lt;a href=\"#\"&gt;Link Title&lt;/a&gt;&lt;/li&gt;\n&lt;li&gt;&lt;a href=\"#\"&gt;Link Title&lt;/a&gt;&lt;/li&gt;"</value>
    </property>
    <property property_name="dt_extra_footer_link_1_title" group_name="dohthemefooter" title="Links Column 1 Title" description="" property_type="value" value_type="string" has_variations="" depends_on="dt_extra_footer" value_group="Footer_Links" display_order="35" addon_id="">
      <value>"Title Here"</value>
    </property>
    <property property_name="dt_extra_footer_link_2" group_name="dohthemefooter" title="Links Column 2" description="" property_type="value" value_type="string" has_variations="" depends_on="dt_extra_footer" value_group="Footer_Links" display_order="50" addon_id="">
      <value_parameters>rows=4</value_parameters>
      <value>"&lt;li&gt;&lt;a href=\"#\"&gt;Link Title&lt;/a&gt;&lt;/li&gt;\n&lt;li&gt;&lt;a href=\"#\"&gt;Link Title&lt;/a&gt;&lt;/li&gt;\n&lt;li&gt;&lt;a href=\"#\"&gt;Link Title&lt;/a&gt;&lt;/li&gt;\n&lt;li&gt;&lt;a href=\"#\"&gt;Link Title&lt;/a&gt;&lt;/li&gt;"</value>
    </property>
    <property property_name="dt_extra_footer_link_2_title" group_name="dohthemefooter" title="Links Column 2 Title" description="" property_type="value" value_type="string" has_variations="" depends_on="dt_extra_footer" value_group="Footer_Links" display_order="45" addon_id="">
      <value>"Title Here"</value>
    </property>
    <property property_name="dt_extra_footer_link_css" group_name="dohthemefooter" title="Pre-Footer links" description="Controls styling for individual links within the links columns." property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="130" css_components="text,background,border,border_radius,padding,extra" addon_id="">
      <value>{
    "color": "@xf-publicFooterLink--color",
    "padding-top": "2px",
    "padding-bottom": "2px"
}</value>
    </property>
    <property property_name="dt_extra_footer_mobile" group_name="dohthemefooter" title="Hide Pre-footer for mobile" description="" property_type="value" value_type="boolean" has_variations="" depends_on="dt_extra_footer" value_group="" display_order="17" addon_id="">
      <value>1</value>
    </property>
    <property property_name="dt_extra_footer_second_column" group_name="dohthemefooter" title="Second Column Content" description="" property_type="value" value_type="select" has_variations="" depends_on="dt_extra_footer" value_group="" display_order="21" addon_id="">
      <value_parameters>option1=Members online
option2=Forum statistics
option3=Share this page
option4=Online statistics
option5=New profile posts
option6=Trending content
option7=Newest members
option8=Social Links
option9=Custom HTML
option10=Links Column 1
option11=Links Column 2</value_parameters>
      <value>"option6"</value>
    </property>
    <property property_name="dt_extra_footer_social_title" group_name="dohthemefooter" title="Social Widget Title" description="" property_type="value" value_type="string" has_variations="" depends_on="dt_extra_footer" value_group="Footer_Social" display_order="55" addon_id="">
      <value>"Stay Connected"</value>
    </property>
    <property property_name="dt_extra_footer_third_column" group_name="dohthemefooter" title="Third Column Content" description="" property_type="value" value_type="select" has_variations="" depends_on="dt_extra_footer" value_group="" display_order="22" addon_id="">
      <value_parameters>option1=Members online
option2=Forum statistics
option3=Share this page
option4=Online statistics
option5=New profile posts
option6=Trending content
option7=Newest members
option8=Social Links
option9=Custom HTML
option10=Links Column 1
option11=Links Column 2</value_parameters>
      <value>"option7"</value>
    </property>
    <property property_name="dt_extra_footer_title_css" group_name="dohthemefooter" title="Pre-Footer widget header" description="Styles the heading block in footer widgets." property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="120" css_components="text,background,border,border_radius,padding,extra" addon_id="">
      <value>{
    "color": "@xf-linkColor",
    "font-weight": "@xf-fontWeightHeavy",
    "background-color": "@xf-contentBg",
    "padding": "@xf-paddingLargest",
    "extra": "text-transform: uppercase;\nmargin: 0;"
}</value>
    </property>
    <property property_name="dt_extra_footer_twitter" group_name="dohthemefooter" title="X URL" description="" property_type="value" value_type="string" has_variations="" depends_on="dt_extra_footer" value_group="Footer_Social" display_order="57" addon_id="">
      <value>"#"</value>
    </property>
    <property property_name="dt_extra_footer_widgcont_css" group_name="dohthemefooter" title="Pre-Footer widget content" description="Styles the content block in footer widgets." property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="125" css_components="text,background,border,border_radius,padding,extra" addon_id="">
      <value>{
    "padding-top": "@xf-paddingMedium",
    "padding-right": "@xf-paddingLarge",
    "padding-bottom": "@xf-paddingMedium",
    "padding-left": "@xf-paddingLarge",
    "extra": "margin: 0;"
}</value>
    </property>
    <property property_name="dt_extra_footer_widgfoot_css" group_name="dohthemefooter" title="Pre-Footer widget footer" description="Styles the content block-footer in footer widgets." property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="127" css_components="text,background,border,border_radius,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="dt_extra_footer_youtube" group_name="dohthemefooter" title="Youtube URL" description="" property_type="value" value_type="string" has_variations="" depends_on="dt_extra_footer" value_group="Footer_Social" display_order="59" addon_id="">
      <value>"#"</value>
    </property>
    <property property_name="dt_extras_style" group_name="threadoptions" title="Message user extras style" description="This will control the appearance of the message user info elements such as messages, points, location, etc." property_type="value" value_type="radio" has_variations="" depends_on="" value_group="MessageLayout" display_order="45" addon_id="">
      <value_parameters>default=Default
lines=Lines
boxed=Boxed
individualboxed=Individual Boxed</value_parameters>
      <value>"default"</value>
    </property>
    <property property_name="dt_faded_message_action" group_name="threadoptions" title="Faded date and moderation links" description="If enabled, the post date and moderation links (&quot;Edit&quot;, &quot;Delete&quot;, &quot;Report&quot;, etc) will be faded in opacity until they are hovered over." property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="MessageElements" display_order="80" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_firstpost_customization" group_name="threadoptions" title="First Post" description="Styles first post in the thread." property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="50" css_components="text,background,border,border_radius,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="dt_google_font" group_name="dohthemebasic" title="Google Font" description="Choose which fonts you wanted to be loaded from the Google Fonts API." property_type="value" value_type="string" has_variations="" depends_on="" value_group="Global" display_order="10" addon_id="">
      <value>"Poppins:wght@400;500;700"</value>
    </property>
    <property property_name="dt_hb_nodes" group_name="dohthemeforum" title="Hover Background on Nodes" description="Sets the background color of node items on hover." property_type="value" value_type="color" has_variations="" depends_on="" value_group="Forum" display_order="60" addon_id="">
      <value>""</value>
    </property>
    <property property_name="dt_hb_threads" group_name="dohthemeds" title="Hover Background on Threads" description="Set the background color of discussion list items on hover." property_type="value" value_type="color" has_variations="" depends_on="" value_group="General" display_order="40" addon_id="">
      <value>""</value>
    </property>
    <property property_name="dt_he_nodes" group_name="dohthemeforum" title="Hover effect on nodes" description="This will enable a hover effect for nodes." property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="Forum" display_order="70" addon_id="">
      <value>1</value>
    </property>
    <property property_name="dt_he_threads" group_name="dohthemeds" title="Hover effect on threads" description="This will enable a hover effect for discussion list threads." property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="General" display_order="50" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_hide_style_chooser" group_name="dohthemebasic" title="Hide footer style chooser" description="Removes the style chooser at the bottom of the page." property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="Global" display_order="65" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_homeCrumb_icon" group_name="dohthemebasic" title="Home breadcrumb as icon" description="Swaps out the &quot;home&quot; text in the breadcrumb for the home icon." property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="Global" display_order="60" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_inline_ballons" group_name="dohthemeheader" title="Inline navigation alert badge" description="Instead of displaying like a balloon, alerts will display inline with the text." property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="Navigation" display_order="50" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_last_avatar_discussion" group_name="dohthemeds" title="Last poster avatar on the discussion list" description="Shows avatar in the last post block in thread list items." property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="General" display_order="100" addon_id="">
      <value>1</value>
    </property>
    <property property_name="dt_last_avatar_forum" group_name="dohthemeforum" title="Last poster avatar on the forum list" description="Shows avatar in the last post section." property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="Forum" display_order="100" addon_id="">
      <value>1</value>
    </property>
    <property property_name="dt_last_post" group_name="dohthemeforum" title="Hide node last post" description="Hides the node last post." property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="Forum" display_order="110" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_link_node_icon" group_name="dohthemeforum" title="Link Node Icon" description="Name of Fontawesome Icon." property_type="value" value_type="string" has_variations="" depends_on="" value_group="Icons" display_order="150" addon_id="">
      <value>"link"</value>
    </property>
    <property property_name="dt_login_text" group_name="dohthemeheader" title="Remove register/login text" description="This setting allows you to remove the login/registration tab text." property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="Navigation" display_order="80" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_message_animation" group_name="threadoptions" title="Message animation" description="Adds animation to messages on page load." property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="MessageLayout" display_order="15" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_messages_glyphs" group_name="threadoptions" title="Message Action Bar Icons" description="Adds icons next to the Action Bar text (such as Report, Edit, Delete, etc..)." property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="MessageElements" display_order="90" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_messages_layout" group_name="threadoptions" title="Message user info block layout" description="Specify what message layout you would like to use." property_type="value" value_type="radio" has_variations="" depends_on="" value_group="MessageLayout" display_order="20" addon_id="">
      <value_parameters>option1=Vertical
option2=Horizontal
option3=First Post Horizontal</value_parameters>
      <value>"option1"</value>
    </property>
    <property property_name="dt_minime_avatar" group_name="dohthemeds" title="Remove Mini-me Avatar" description="Mini-Me is the small avatar of the current visitor that shows up on discussions." property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="General" display_order="70" addon_id="">
      <value>1</value>
    </property>
    <property property_name="dt_nav_avatar" group_name="dohthemeheader" title="Remove user avatar from navigation" description="This removes the account tab avatar next to the username." property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="Navigation" display_order="60" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_nav_user_text" group_name="dohthemeheader" title="Remove user text from navigation" description="This removes the account tab username." property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="Navigation" display_order="70" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_navigation_glyphs" group_name="dohthemeheader" title="Navigation Icons" description="Adds icons next to the navigation text on the navigation bar." property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="Icons" display_order="110" addon_id="">
      <value>1</value>
    </property>
    <property property_name="dt_new_indicator" group_name="dohthemeforum" title="New indicator label" description="Displays a new indicator next to the node title if there is new content." property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="Forum" display_order="120" addon_id="">
      <value>1</value>
    </property>
    <property property_name="dt_new_indicator_css" group_name="dohthemeforum" title="New Indicator Label" description="Styles the new node indicator if enabled." property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20" css_components="text,background,border,border_radius,padding,extra" addon_id="">
      <value>{
    "font-size": "@xf-fontSizeSmallest",
    "color": "@xf-textColorEmphasized",
    "background-color": "@xf-contentHighlightBg",
    "background-image": "linear-gradient(to right, hsl(13,99%,53%) -44.76%, hsl(47,99%,55%) 91.94%)",
    "border-radius": "@xf-blockBorderRadius",
    "padding-top": "3px",
    "padding-right": "6px",
    "padding-bottom": "3px",
    "padding-left": "6px",
    "extra": "text-transform: uppercase;"
}</value>
    </property>
    <property property_name="dt_new_posts_index" group_name="dohthemebasic" title="Remove New posts button from Forum Index" description="Removes the New posts button from the page actions on the forum list." property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="ForumHome" display_order="120" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_node_animation" group_name="dohthemeforum" title="Node animation" description="Adds animation to nodes on page load." property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="Forum" display_order="5" addon_id="">
      <value>1</value>
    </property>
    <property property_name="dt_node_background" group_name="dohthemeforum" title="Node Background" description="Use images for nodes instead of glyph icons." property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="Forum" display_order="75" addon_id="DohTheme/Core">
      <value>1</value>
    </property>
    <property property_name="dt_node_icon" group_name="dohthemeforum" title="Node Icon" description="Name of Fontawesome Icon." property_type="value" value_type="string" has_variations="" depends_on="" value_group="Icons" display_order="140" addon_id="">
      <value>"comments"</value>
    </property>
    <property property_name="dt_node_off_icon" group_name="dohthemeforum" title="Node Toggle-Off" description="Name of Fontawesome Icon." property_type="value" value_type="string" has_variations="" depends_on="dt_collapsible_categories" value_group="Icons" display_order="135" addon_id="">
      <value>"chevron-up"</value>
    </property>
    <property property_name="dt_node_on_icon" group_name="dohthemeforum" title="Node Toggle-On" description="Name of Fontawesome Icon." property_type="value" value_type="string" has_variations="" depends_on="dt_collapsible_categories" value_group="Icons" display_order="130" addon_id="">
      <value>"chevron-down"</value>
    </property>
    <property property_name="dt_node_size" group_name="dohthemeforum" title="Node image/icon size" description="The size of the node image or the icon." property_type="value" value_type="string" has_variations="" depends_on="" value_group="Forum" display_order="77" addon_id="">
      <value>"48px"</value>
    </property>
    <property property_name="dt_node_stats" group_name="dohthemeforum" title="Show node stats on hover" description="Hides the node stats and displays them only when hovering over the node." property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="Forum" display_order="90" addon_id="">
      <value>1</value>
    </property>
    <property property_name="dt_node_stats_hide" group_name="dohthemeforum" title="Hide node stats" description="Hides the node stats." property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="Forum" display_order="95" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_nodestat_simple" group_name="dohthemeforum" title="Simplified node statics" description="It only shows the number of threads inside the node." property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="Forum" display_order="80" addon_id="">
      <value>1</value>
    </property>
    <property property_name="dt_offcanvasmenu_linkholder_glyphs" group_name="dohthemeheader" title="offCanvasMenu linkHolder Icons" description="Adds icons next to the off-canvas menu header." property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="Icons" display_order="130" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_offcanvasmenu_links_glyphs" group_name="dohthemeheader" title="offCanvasMenu Links Icons" description="Adds icons next to the off-canvas menu links." property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="Icons" display_order="140" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_offline_indicator" group_name="threadoptions" title="Offline status indicator" description="This is an extension of the status indicator to display Online/Offline depending on the user's status." property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="MessageElements" display_order="60" addon_id="">
      <value>1</value>
    </property>
    <property property_name="dt_opacity_thread_lock" group_name="dohthemeds" title="Locked threads opacity" description="This will gives transparency to locked threads." property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="General" display_order="60" addon_id="">
      <value>1</value>
    </property>
    <property property_name="dt_pa_index" group_name="dohthemebasic" title="Remove page actions from forum index" description="Enabling this setting removes the page actions from the forum list. By default, these are New Posts and Post New Thread." property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="ForumHome" display_order="130" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_page_animation" group_name="dohthemebasic" title="Page animations" description="Adds animations to main components (header, sidebars, main content, footer) on page load." property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="Global" display_order="30" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_page_node_icon" group_name="dohthemeforum" title="Page Node Icon" description="Name of Fontawesome Icon." property_type="value" value_type="string" has_variations="" depends_on="" value_group="Icons" display_order="145" addon_id="">
      <value>"file-text"</value>
    </property>
    <property property_name="dt_prefooter_heading_icons" group_name="dohthemefooter" title="Pre-Footer widget header Icons" description="Adds icons to the pre-footer widget headings when enabled." property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="" display_order="18" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_profile_tabs_glyphs" group_name="dohthemebasic" title="Member Profiles Tabs Icons" description="Adds icons to tabs in member profile page when enabled." property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="Icons" display_order="150" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_reactions_column" group_name="dohthemeds" title="Reactions column in meta box" description="If enabled, will add the Reactions statics In thread statics box." property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="General" display_order="90" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_removecopy" group_name="dohthemebasic" title="Remove Copyright" description="If you have purchased branding free for this style, add the username to disable our copyright." property_type="value" value_type="string" has_variations="" depends_on="" value_group="version" display_order="400" addon_id="">
      <value>""</value>
    </property>
    <property property_name="dt_search_node_icon" group_name="dohthemeforum" title="Search Node Icon" description="" property_type="value" value_type="string" has_variations="" depends_on="" value_group="Icons" display_order="155" addon_id="">
      <value>"search"</value>
    </property>
    <property property_name="dt_seperate_sticky_threads" group_name="dohthemeds" title="Separate sticky threads" description="This will add headings above sticky threads and above normal threads to clearly differentiate the two types of threads." property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="General" display_order="10" addon_id="">
      <value>1</value>
    </property>
    <property property_name="dt_seperate_sticky_threads_css" group_name="dohthemeds" title="Sticky Threads Separator" description="Styles the sticky threads separator if enabled." property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="12" css_components="text,background,border,border_radius,padding,extra" addon_id="">
      <value>{
    "font-weight": "@xf-fontWeightHeavy",
    "background-color": "@xf-contentAltBg",
    "border-top-width": "@xf-borderSize",
    "border-top-color": "@xf-borderColor",
    "extra": "border-radius: @xf-blockBorderRadius;\nmargin: 0;"
}</value>
    </property>
    <property property_name="dt_sidebar_glyphs" group_name="sidebaroptions" title="Sidebar Heading Icons" description="Adds icons to the sidebar headings when enabled." property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="Icons" display_order="60" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_sidebar_login" group_name="sidebaroptions" title="Sidebar login" description="Enables a login box; users can quickly login/register on the sidebar." property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="Sidebar" display_order="50" addon_id="">
      <value>1</value>
    </property>
    <property property_name="dt_sidebar_position" group_name="sidebaroptions" title="Sidebar Position" description="Set whether the sidebar is on the left, right, or below the main content." property_type="value" value_type="radio" has_variations="" depends_on="" value_group="Sidebar" display_order="20" addon_id="">
      <value_parameters>option1=Right
option2=Left
option3=Below content</value_parameters>
      <value>"option1"</value>
    </property>
    <property property_name="dt_sidebar_styling" group_name="sidebaroptions" title="Sidebar" description="Styles the general sidebar block." property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="10" css_components="text,background,border,border_radius_simple,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="dt_sidebar_widget_animation" group_name="sidebaroptions" title="Sidebar widget animation" description="Adds animation to sidebar widgets on page load." property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="Sidebar" display_order="35" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_sticky_catstrips" group_name="dohthemeforum" title="Sticky category strips" description="Enables category strips to stick to the top of the page for the category that is currently in view." property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="Forum" display_order="20" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_sticky_sidebar" group_name="sidebaroptions" title="Sticky sidebar" description="Makes the sidebar sticky." property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="Sidebar" display_order="25" addon_id="">
      <value>1</value>
    </property>
    <property property_name="dt_sticky_user_info" group_name="threadoptions" title="Sticky user info" description="If enabled, the message user info block will stick to the top of the browser window when scrolled." property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="MessageLayout" display_order="25" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_sub_navigation_glyphs" group_name="dohthemeheader" title="Sub-navigation row Icons" description="Adds icons next to the sub-navigation text on the sub-navigation bar." property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="Icons" display_order="120" addon_id="">
      <value>1</value>
    </property>
    <property property_name="dt_text_logo" group_name="dohthemeheader" title="Logo Text" description="Set the text value to replace the logo image." property_type="value" value_type="string" has_variations="" depends_on="" value_group="Header" display_order="20" addon_id="">
      <value>""</value>
    </property>
    <property property_name="dt_text_logo_css" group_name="dohthemeheader" title="Logo Text" description="Styles the Logo Text if enabled." property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="110" css_components="text,background,border,border_radius,padding,extra" addon_id="">
      <value>{
    "font-size": "@xf-fontSizeLargest"
}</value>
    </property>
    <property property_name="dt_thread_owner" group_name="threadoptions" title="Thread owner indicator" description="Add an indicator in the user post bit for thread owner." property_type="value" value_type="radio" has_variations="" depends_on="" value_group="MessageElements" display_order="70" addon_id="">
      <value_parameters>userbanner=User banner
icon=Icon
none=Disabled</value_parameters>
      <value>"none"</value>
    </property>
    <property property_name="dt_thread_title_center" group_name="threadoptions" title="Center thread title" description="This small modification will allow you to center thread message titles." property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="MessageLayout" display_order="10" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_title_index" group_name="dohthemebasic" title="Remove Title from Forum Index" description="Removes the page title from the forum index." property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="ForumHome" display_order="110" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_triggers_style" group_name="dohthemeheader" title="Login triggers style" description="The method by which the login form displays once the trigger is activated." property_type="value" value_type="radio" has_variations="" depends_on="" value_group="Navigation" display_order="30" addon_id="">
      <value_parameters>option1=Overlay
option2=Dropdown</value_parameters>
      <value>"option1"</value>
    </property>
    <property property_name="dt_version" group_name="dohthemebasic" title="Re-Me version" description="This is for development only and should not ever be changed." property_type="value" value_type="string" has_variations="" depends_on="" value_group="version" display_order="500" addon_id="">
      <value>"2.2.13c"</value>
    </property>
    <property property_name="dt_visitor_menu_glyphs" group_name="dohthemeheader" title="Visitor Menu Icons" description="Adds icons next to the user's visitor menu links." property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="Icons" display_order="150" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_visitor_tabs_icons" group_name="dohthemeheader" title="Visitor menu tabs as icons" description="Changes the (account-bookmarks) text into icons." property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="Icons" display_order="160" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_welcome_section" group_name="dohthemebasic" title="Welcome section visible to" description="Choose who can see the welcome section." property_type="value" value_type="select" has_variations="" depends_on="" value_group="WelcomeSection" display_order="70" addon_id="">
      <value_parameters>nobody=Nobody
everyone=Everyone
guests=Guests
registered=Registered</value_parameters>
      <value>"nobody"</value>
    </property>
    <property property_name="dt_welcome_section_content" group_name="dohthemebasic" title="Welcome section content" description="" property_type="value" value_type="string" has_variations="" depends_on="dt_welcome_section" value_group="WelcomeSection" display_order="80" addon_id="">
      <value_parameters>rows=4</value_parameters>
      <value>""</value>
    </property>
    <property property_name="dt_welcome_section_css" group_name="dohthemebasic" title="Welcome section" description="Styles the general welcome section block." property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="52" css_components="text,background,border,border_radius,padding,extra" addon_id="">
      <value>{
    "background-color": "@xf-contentBg",
    "background-image": "%ASSET:dt_theme_files%/img/headermessageside.jpg",
    "border-width": "@xf-borderSize",
    "border-color": "@xf-borderColorFaint",
    "border-radius": "@xf-blockBorderRadius",
    "padding": "@xf-elementSpacer",
    "extra": "width: 100%;\nbackground-repeat: no-repeat;\nbackground-size: cover;\nbox-shadow: inset 0 0 0 5px @xf-contentBg;\nmargin: 15px auto 30px;"
}</value>
    </property>
    <property property_name="dt_welcome_section_index" group_name="dohthemebasic" title="Display welcome section on forum list only" description="Enabling this property shows the welcome section only in the forum list." property_type="value" value_type="boolean" has_variations="" depends_on="dt_welcome_section" value_group="WelcomeSection" display_order="90" addon_id="">
      <value>0</value>
    </property>
    <property property_name="dt_welcome_section_title" group_name="dohthemebasic" title="Welcome section title" description="Welcome section often have title bars at their text, which are styled here" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="53" css_components="text,background,border,border_radius,border_width_simple,border_color_simple,border_radius_simple,padding,extra" addon_id="">
      <value>{
    "color": "@xf-textColorEmphasized",
    "font-weight": "@xf-fontWeightHeavy",
    "background-color": "@xf-paletteColor3",
    "border-width": "@xf-borderSize",
    "border-color": "@xf-borderColor",
    "border-radius": "@xf-blockBorderRadius",
    "padding": "@xf-paddingLarge",
    "extra": "display: inline-block;\nbox-shadow: 8px 7px 0px 0px rgba(66, 68, 90, 1);\nmargin-top: 0;"
}</value>
    </property>
    <property property_name="dt_widget_footer" group_name="sidebaroptions" title="Widget footer" description="Styles the widget footer" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="30" css_components="text,background,border,border_radius,padding,extra" addon_id="">
      <value>{
    "background-color": "fade(@xf-contentBg, 25%)"
}</value>
    </property>
    <property property_name="dt_widget_header" group_name="sidebaroptions" title="Widget minor header" description="Widgets often have title bars at their tops, which are styled here" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20" css_components="text,background,border,border_radius,padding,extra" addon_id="">
      <value>[]</value>
    </property>
    <property property_name="dt_widget_wrapper" group_name="sidebaroptions" title="Widget wrapper" description="Styles the side widget block-container" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="15" css_components="text,background,border,border_radius,padding,extra" addon_id="">
      <value>{
    "background-color": "fade(@xf-contentBg, 15%)"
}</value>
    </property>
    <property property_name="editorButtonActiveColor" group_name="rte" title="Editor button icon active color" description="Color for icons when active, such as the 'B' when the cursor is on bold text" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="buttons" display_order="2102" addon_id="XF">
      <value>{
    "default": "@xf-textColorFeature"
}</value>
    </property>
    <property property_name="editorButtonColor" group_name="rte" title="Editor button icon color" description="Color of the icons in the toolbar" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="buttons" display_order="2101" addon_id="XF">
      <value>{
    "default": "@xf-textColor"
}</value>
    </property>
    <property property_name="editorSelectionBg" group_name="rte" title="Editor selection background" description="Background color for text that has been selected in the editor" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="selectedContent" display_order="1101" addon_id="XF">
      <value>{
    "default": "@xf-linkUgcColor"
}</value>
    </property>
    <property property_name="editorSelectionColor" group_name="rte" title="Editor selection text color" description="When text is selected within the text editor, it will use this color" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="selectedContent" display_order="1102" addon_id="XF">
      <value>{
    "default": "@xf-textColorDimmed"
}</value>
    </property>
    <property property_name="editorToolsFocusBg" group_name="rte" title="Editor toolbar background when focused" description="The background of the toolbar when the editor is focused" property_type="value" value_type="string" has_variations="" depends_on="" value_group="toolbar" display_order="1502" addon_id="XF">
      <value>"transparent"</value>
    </property>
    <property property_name="errorBg" group_name="color" title="Error message background" description="" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="errorMessage" display_order="10410" addon_id="XF">
      <value>{
    "default": "hsla(342, 100%, 98%, 1)"
}</value>
    </property>
    <property property_name="errorColor" group_name="color" title="Error message text color" description="" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="errorMessage" display_order="10420" addon_id="XF">
      <value>{
    "default": "hsla(345, 86%, 60%, 1)"
}</value>
    </property>
    <property property_name="errorFeatureColor" group_name="color" title="Error message feature color" description="" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="errorMessage" display_order="10430" addon_id="XF">
      <value>{
    "default": "hsla(345, 74%, 49%, 1)"
}</value>
    </property>
    <property property_name="fontAwesomeWeight" group_name="fonts" title="Font Awesome weight" description="" property_type="value" value_type="radio" has_variations="" depends_on="" value_group="weight" display_order="2300" addon_id="XF">
      <value_parameters>300={{ phrase('weight_light') }}
400={{ phrase('weight_regular') }}
900={{ phrase('weight_solid') }}</value_parameters>
      <value>"400"</value>
    </property>
    <property property_name="fontFamilyBody" group_name="fonts" title="Body Text Font" description="This font is used for the text of messages etc." property_type="value" value_type="string" has_variations="" depends_on="" value_group="font" display_order="200" addon_id="XF">
      <value>"'Inter', 'Helvetica Neue', Helvetica, Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', sans-serif"</value>
    </property>
    <property property_name="fontFamilyUi" group_name="fonts" title="User Interface Font" description="The font list for your main text" property_type="value" value_type="string" has_variations="" depends_on="" value_group="font" display_order="100" addon_id="XF">
      <value>"'Inter', 'Helvetica Neue', Helvetica, Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', sans-serif"</value>
    </property>
    <property property_name="formLabel" group_name="form" title="Form label column" description="In full-width forms, the left column contains labels for the controls in the right column" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20100" css_components="text,background,border_color_simple,extra" addon_id="XF">
      <value>{
    "font-weight": "@xf-fontWeightHeavy",
    "background-color": "@xf-contentAltBg",
    "border-color": "@xf-borderColor",
    "extra": "font-family: \"Sofia Sans\", sans-serif;\ntext-align: right;"
}</value>
    </property>
    <property property_name="formSectionHeader" group_name="form" title="Form section header" description="Occasionally, forms are long enough to warrant being divided into sections, with each section headed by an element using these style rules" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20000" css_components="text,background,border,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeLarge",
    "color": "@xf-minorHeadingTextColor",
    "border-top-width": "@xf-borderSize",
    "border-top-color": "@xf-borderColor",
    "border-bottom-width": "@xf-borderSize",
    "border-bottom-color": "@xf-borderColor",
    "extra": "padding: @xf-paddingLarge;"
}</value>
    </property>
    <property property_name="formSubmitRow" group_name="form" title="Form submit row" description="At the bottom of most forms is a bar containing the submit button etc." property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20400" css_components="background,border,extra" addon_id="XF">
      <value>{
    "background-color": "mix(@xf-contentBg, @xf-contentAltBg)",
    "border-top-width": "@xf-borderSize",
    "border-top-color": "@xf-borderColorHeavy"
}</value>
    </property>
    <property property_name="globalActionColor" group_name="misc" title="Global action indicator color" description="This is the base color of the gadgets that display when an action is being processed in the background." property_type="value" value_type="color" has_variations="1" depends_on="" value_group="" display_order="400" addon_id="XF">
      <value>{
    "default": "@xf-paletteColor1"
}</value>
    </property>
    <property property_name="inlineModBar" group_name="inlineMod" title="Inline moderation bar" description="A bar containing controls appears when content is selected for inline moderation. Its appearance is controlled here" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20000" css_components="text,background,border,padding,extra" addon_id="XF">
      <value>{
    "color": "@xf-textColorEmphasized",
    "background-color": "@xf-paletteColor3",
    "padding-top": "@xf-paddingSmall",
    "padding-bottom": "@xf-paddingSmall"
}</value>
    </property>
    <property property_name="inlineModHighlightColor" group_name="color" title="Inline moderation highlight color" description="When content is selected for inline moderation, its background color will be replaced with this" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="contentBackground" display_order="2500" addon_id="XF">
      <value>{
    "default": "hsla(49, 100%, 78%, 1)",
    "alternate": "hsla(25, 18%, 19%, 1)"
}</value>
    </property>
    <property property_name="input" group_name="input" title="Form input" description="Controls the style of most text-input boxes" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20000" css_components="text,background,border,border_radius,padding,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeNormal",
    "color": "@xf-inputTextColor",
    "background-color": "fade(@xf-inputBgColor, 15%)",
    "border-width": "@xf-borderSize",
    "border-color": "@xf-borderColor",
    "border-radius": "8px",
    "padding": "@xf-paddingLarge"
}</value>
    </property>
    <property property_name="inputBgColor" group_name="color" title="Text input box background color" description="" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="input" display_order="8500" addon_id="XF">
      <value>{
    "default": "@xf-contentBg",
    "alternate": "hsla(120, 2%, 11%, 1)"
}</value>
    </property>
    <property property_name="inputDisabled" group_name="input" title="Form input - disabled" description="When text boxes are disabled, these rules are applied" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20200" css_components="text,background,border,extra" addon_id="XF">
      <value>{
    "color": "@xf-textColorMuted",
    "background-color": "xf-intensify(@xf-paletteNeutral1, 6%)",
    "border-color": "xf-intensify(@xf-paletteNeutral1, 6%)"
}</value>
    </property>
    <property property_name="inputFocus" group_name="input" title="Form input - focused" description="These rules are applied to text boxes when they are selected for input" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20100" css_components="text,background,border,extra" addon_id="XF">
      <value>{
    "extra": "outline: 0;\nborder-color: @xf-paletteColor1;"
}</value>
    </property>
    <property property_name="inputFocusBgColor" group_name="color" title="Focused text box background color" description="" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="input" display_order="8600" addon_id="XF">
      <value>{
    "default": "@xf-contentBg",
    "alternate": "hsla(120, 2%, 11%, 1)"
}</value>
    </property>
    <property property_name="linkColor" group_name="color" title="Link color" description="Basic hyperlinks on standard background colors will use this style" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="links" display_order="1000" addon_id="XF">
      <value>{
    "default": "hsla(0, 0%, 16%, 1)",
    "alternate": "hsla(0, 0%, 100%, 1)"
}</value>
    </property>
    <property property_name="linkHover" group_name="page" title="Links - hovered" description="When basic links are hovered, they use this set of rules for their styling" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20100" css_components="text,extra" addon_id="XF">
      <value>{
    "color": "@xf-linkHoverColor",
    "text-decoration": "none"
}</value>
    </property>
    <property property_name="linkHoverColor" group_name="color" title="Link hover color" description="Basic hyperlinks will turn this color when hovered" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="links" display_order="1100" addon_id="XF">
      <value>{
    "default": "@xf-paletteColor1"
}</value>
    </property>
    <property property_name="linkUgcColor" group_name="color" title="User-generated content link color" description="Used to color links posted by users within posts etc." property_type="value" value_type="color" has_variations="1" depends_on="" value_group="links" display_order="1200" addon_id="XF">
      <value>{
    "default": "@xf-paletteColor1"
}</value>
    </property>
    <property property_name="linkUgcHoverColor" group_name="color" title="User-generated link hover color" description="Hover state for links in UGC" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="links" display_order="1300" addon_id="XF">
      <value>{
    "default": "@xf-paletteAccent1"
}</value>
    </property>
    <property property_name="majorHeadingBg" group_name="color" title="Major heading background color" description="" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="heading" display_order="6100" addon_id="XF">
      <value>{
    "default": "@xf-paletteColor1"
}</value>
    </property>
    <property property_name="memberHeader" group_name="member" title="Member profile header" description="The member profile page's content header is styled with these settings" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20000" css_components="text,background,border,extra" addon_id="XF">
      <value>{
    "background-color": "@xf-contentAltBg",
    "border-bottom-width": "@xf-borderSize",
    "border-bottom-color": "@xf-borderColorLight"
}</value>
    </property>
    <property property_name="memberHeaderName" group_name="member" title="Member profile header - name" description="The styling of the name of the member whose page is being viewed is controlled here" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20100" css_components="text,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeLargest",
    "color": "@xf-linkColor",
    "font-weight": "@xf-fontWeightHeavy"
}</value>
    </property>
    <property property_name="memberTooltipHeader" group_name="member" title="Member tooltip header" description="The member tooltip, which appears when hovering over user names, is styled with these controls" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20300" css_components="text,background,border,extra" addon_id="XF">
      <value>{
    "background-color": "@xf-contentAltBg",
    "border-bottom-width": "@xf-borderSize",
    "border-bottom-color": "@xf-borderColorLight",
    "extra": "padding: @xf-paddingLarge;"
}</value>
    </property>
    <property property_name="memberTooltipName" group_name="member" title="Member tooltip header - name" description="Styling for the name of the user whose tooltip is being displayed" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20400" css_components="text,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeLargest",
    "color": "@xf-linkColor",
    "font-weight": "@xf-fontWeightHeavy"
}</value>
    </property>
    <property property_name="menu" group_name="menu" title="Menu" description="Controls the main block of all popup menus" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20000" css_components="text,background,border_width_simple,border_color_simple,extra" addon_id="XF">
      <value>{
    "font-size": "12px",
    "color": "@xf-textColor",
    "background-color": "fade(@xf-contentBg, 90%)",
    "extra": "border: @xf-borderSize solid @xf-borderColor;\ntext-rendering: optimizeLegibility;\n-moz-osx-font-smoothing: grayscale;\n-webkit-font-smoothing: antialiased;\npadding: @xf-paddingLarge;\nborder-radius: @xf-blockBorderRadius;"
}</value>
    </property>
    <property property_name="menuBorderRadius" group_name="menu" title="Menu border radius" description="Controls the size of the border radius for all menus" property_type="value" value_type="unit" has_variations="" depends_on="" value_group="" display_order="200" addon_id="XF">
      <value>"@xf-blockBorderRadius"</value>
    </property>
    <property property_name="menuFeatureBorderColor" group_name="menu" title="Menu feature border color" description="Popup menus have a thick feature border on their upper edge, the styling of which is controlled here" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="" display_order="100" addon_id="XF">
      <value>{
    "default": "@xf-paletteColor1"
}</value>
    </property>
    <property property_name="menuFooter" group_name="menu" title="Menu footer" description="When a popup menu has a bottom, footer element, it will use these settings" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20600" css_components="text,background,border,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeSmaller",
    "color": "@xf-textColorDimmed",
    "background-color": "@xf-contentAltBg",
    "border-top-width": "@xf-borderSize",
    "border-top-color": "@xf-borderColorLight",
    "extra": "border-radius: @xf-blockBorderRadius;"
}</value>
    </property>
    <property property_name="menuHeader" group_name="menu" title="Menu header" description="Most menus identify themselves with a header just underneath their top border" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20100" css_components="text,background,border,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeLarge",
    "color": "@xf-textColor",
    "font-weight": "@xf-fontWeightHeavy",
    "background-color": "@xf-contentAltBg",
    "border-width": "@xf-borderSize",
    "border-color": "@xf-borderColor",
    "extra": "border-radius: @xf-blockBorderRadius;"
}</value>
    </property>
    <property property_name="menuLinkRow" group_name="menu" title="Menu link row" description="Styling for link rows within popup menus" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20400" css_components="text,background,extra" addon_id="XF">
      <value>{
    "color": "@xf-textColor",
    "text-decoration": "none",
    "extra": "border-radius: @xf-blockBorderRadius;"
}</value>
    </property>
    <property property_name="menuLinkRowSelected" group_name="menu" title="Menu link row - selected" description="Styling for link rows in menus, when selected or hovered" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20500" css_components="text,background,extra" addon_id="XF">
      <value>{
    "color": "@xf-textColor",
    "text-decoration": "none",
    "background-color": "@xf-contentAltBg"
}</value>
    </property>
    <property property_name="menuTabHeader" group_name="menu" title="Menu tab header" description="Multi-part, tabbed menu headers use these settings" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20200" css_components="text,background,border,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeNormal",
    "color": "@xf-linkColor",
    "font-weight": "@xf-fontWeightHeavy",
    "background-color": "@xf-contentAltBg",
    "border-bottom-width": "@xf-borderSize",
    "border-bottom-color": "@xf-borderColorLight",
    "extra": "padding: @xf-paddingMedium;\nborder-radius: @xf-blockBorderRadius;\nmargin-bottom: @xf-paddingMedium;"
}</value>
    </property>
    <property property_name="menuTabHeaderSelected" group_name="menu" title="Menu tab header - selected tab" description="Controls the selected tab in multi-part menu headers" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20300" css_components="text,background,border_color_simple,extra" addon_id="XF">
      <value>{
    "color": "@xf-contentBg",
    "background-color": "@xf-linkColor",
    "border-color": "@xf-borderColor",
    "extra": "border-radius: 25px;\nbox-shadow: 0 0 4px fade(@xf-linkColor, 60%);"
}</value>
    </property>
    <property property_name="messageNewIndicator" group_name="message" title="New message indicator" description="Usually a small token attached to the message block, the indicator that a message is new/unread is controlled here" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20100" css_components="text,background,border,border_radius,padding,extra" addon_id="XF">
      <value>{
    "font-size": "90%",
    "color": "@xf-textColorAccentContent",
    "background-color": "@xf-contentAccentBg",
    "border-radius": "@xf-borderRadiusSmall",
    "padding-top": "1px",
    "padding-right": "4px",
    "padding-bottom": "1px",
    "padding-left": "4px"
}</value>
    </property>
    <property property_name="messageUserBlock" group_name="message" title="Message user info block" description="Apart from its width, the (left) message user info column is styled here" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20000" css_components="text,background,border_width_simple,border_color_simple,extra" addon_id="XF">
      <value>{
    "background-color": "fade(@xf-contentAltBg,15%)",
    "border-width": "@xf-borderSize",
    "border-color": "@xf-borderColor"
}</value>
    </property>
    <property property_name="messageUserBlockWidth" group_name="message" title="Message user info block width" description="Controls the width of the (left) user info column on the full size message block" property_type="value" value_type="unit" has_variations="" depends_on="" value_group="user" display_order="500" addon_id="XF">
      <value>"200px"</value>
    </property>
    <property property_name="messageUserElements" group_name="message" title="Message user info elements" description="The elements selected here will be displayed in the message user info block. It will not be displayed below the single column width." property_type="value" value_type="template" has_variations="" depends_on="" value_group="user" display_order="600" addon_id="XF">
      <value_parameters>template=style_property_template_messageUserElements
type=array</value_parameters>
      <value>{
    "message_count": "1",
    "reaction_score": "1",
    "trophy_points": "1"
}</value>
    </property>
    <property property_name="metaThemeColor" group_name="misc" title="Meta theme color" description="This sets the theme color used for PWA installations, as well as the address bar color on Chrome for Android." property_type="value" value_type="color" has_variations="1" depends_on="" value_group="" display_order="900" addon_id="XF">
      <value>{
    "default": "hsl(244, 75%, 60%)",
    "alternate": "@xf-pageBg"
}</value>
    </property>
    <property property_name="minorHeadingTextColor" group_name="color" title="Minor heading text color" description="" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="heading" display_order="6400" addon_id="XF">
      <value>{
    "default": "@xf-linkColor"
}</value>
    </property>
    <property property_name="nodeIconReadColor" group_name="nodeList" title="Read node icon color" description="When the content within a node has been read, its icon will revert to a less attention-grabbing color, defined here" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="" display_order="200" addon_id="XF">
      <value>{
    "default": "@xf-textColorDimmed"
}</value>
    </property>
    <property property_name="nodeIconUnreadColor" group_name="nodeList" title="Unread node icon color" description="Node icons give an at-a-glance indication of whether or not the content housed within the node has been read. The unread icon color should stand out from its background for quick identification" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="" display_order="100" addon_id="XF">
      <value>{
    "default": "@xf-paletteColor1"
}</value>
    </property>
    <property property_name="nodeListDescriptionDisplay" group_name="nodeList" title="Description display style" description="To save vertical space, it is possible to hide node descriptions until the node title is hovered, at which point they are displayed in a tooltip" property_type="value" value_type="radio" has_variations="" depends_on="" value_group="" display_order="400" addon_id="XF">
      <value_parameters>tooltip={{ phrase('tooltip') }}
inline={{ phrase('inline') }}
none={{ phrase('none') }}</value_parameters>
      <value>"inline"</value>
    </property>
    <property property_name="nodeListSubDisplay" group_name="nodeList" title="Sub-forums display style" description="Choose the style in which sub-forums will be displayed within a particular node element, according to the amount of space you want them to occupy" property_type="value" value_type="radio" has_variations="" depends_on="" value_group="" display_order="300" addon_id="XF">
      <value_parameters>menu={{ phrase('popup_menu') }}
flat={{ phrase('listed_below_node') }}
none={{ phrase('none') }}</value_parameters>
      <value>"menu"</value>
    </property>
    <property property_name="overlayHeader" group_name="overlay" title="Overlay header" description="Overlays use a header element to identify their contents, styled here" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20000" css_components="text,background,border,padding,extra" addon_id="XF">
      <value>{
    "font-size": "28px",
    "color": "@xf-linkColor",
    "font-weight": "@xf-fontWeightHeavy",
    "background-color": "@xf-contentBg",
    "padding": "@xf-paddingLargest",
    "extra": "font-family: \"Sofia Sans\", sans-serif;\nletter-spacing: -.12rem;"
}</value>
    </property>
    <property property_name="overlayMaskColor" group_name="overlay" title="Overlay mask color" description="When an overlay is shown, the page behind is masked by the color defined here. Use RGBA transparency to allow the page to show through" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="" display_order="200" addon_id="XF">
      <value>{
    "default": "hsla(0, 0%, 0%, 0.15)",
    "alternate": "hsla(0, 0%, 0%, .85)"
}</value>
    </property>
    <property property_name="pageBackground" group_name="page" title="Page background" description="The page background, behind all block elements, uses the styling rules defined here" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20200" css_components="background,extra" addon_id="XF">
      <value>{
    "background-color": "@xf-pageBg",
    "background-image": "styles/arizonarp/bodymainbg.webp",
    "extra": "text-rendering: optimizeLegibility;\n-moz-osx-font-smoothing: grayscale;\n-webkit-font-smoothing: antialiased;\nscroll-behavior: smooth;\nbackground-size: cover;"
}</value>
    </property>
    <property property_name="pageBg" group_name="color" title="Page background color" description="The background of the page itself, on which all other content rests" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="contentBackground" display_order="2100" addon_id="XF">
      <value>{
    "default": "hsla(0, 0%, 100%, 1)",
    "alternate": "hsla(0, 0%, 7%, 1)"
}</value>
    </property>
    <property property_name="pageNavBase" group_name="pageNav" title="Page number button base" description="Used to style clickable page numbers" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="10" css_components="text,background" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeSmall",
    "color": "@xf-linkColor",
    "text-decoration": "none",
    "background-color": "@xf-contentBg"
}</value>
    </property>
    <property property_name="pageNavCurrent" group_name="pageNav" title="Current page number link" description="Styles the control that indicates the current page number" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="50" css_components="text,background,border" addon_id="XF">
      <value>{
    "color": "@xf-selectedItemColor",
    "background-color": "@xf-selectedItemBgColor"
}</value>
    </property>
    <property property_name="pageWidthMax" group_name="page" title="Maximum page width" description="As the window is resized, it will continue to grow in width until this value, after which it will remain static" property_type="value" value_type="unit" has_variations="" depends_on="" value_group="page" display_order="100" addon_id="XF">
      <value>"1400px"</value>
    </property>
    <property property_name="paletteAccent1" group_name="palette" title="Accent 1" description="" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="accent" display_order="2000" addon_id="XF">
      <value_parameters>hidePalette=true</value_parameters>
      <value>{
    "default": "hsla(325, 70%, 49%, 1)"
}</value>
    </property>
    <property property_name="paletteAccent2" group_name="palette" title="Accent 2" description="" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="accent" display_order="2100" addon_id="XF">
      <value_parameters>hidePalette=true</value_parameters>
      <value>{
    "default": "hsla(204, 60%, 60%, 1)",
    "alternate": "hsla(300, 32%, 43%, 1)"
}</value>
    </property>
    <property property_name="paletteAccent3" group_name="palette" title="Accent 3" description="" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="accent" display_order="2200" addon_id="XF">
      <value_parameters>hidePalette=true</value_parameters>
      <value>{
    "default": "hsla(35, 85%, 15%, 1)",
    "alternate": "hsla(35, 90%, 30%, 1)"
}</value>
    </property>
    <property property_name="paletteColor1" group_name="palette" title="Color 1" description="" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="primary" display_order="1000" addon_id="XF">
      <value_parameters>hidePalette=true</value_parameters>
      <value>{
    "default": "hsla(0, 75%, 60%, 1)"
}</value>
    </property>
    <property property_name="paletteColor2" group_name="palette" title="Color 2" description="" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="primary" display_order="1100" addon_id="XF">
      <value_parameters>hidePalette=true</value_parameters>
      <value>{
    "default": "hsla(204, 80%, 80%, 1)"
}</value>
    </property>
    <property property_name="paletteColor3" group_name="palette" title="Color 3" description="" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="primary" display_order="1200" addon_id="XF">
      <value_parameters>hidePalette=true</value_parameters>
      <value>{
    "default": "hsla(211, 98%, 61%, 1)"
}</value>
    </property>
    <property property_name="paletteColor4" group_name="palette" title="Color 4" description="" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="primary" display_order="1300" addon_id="XF">
      <value_parameters>hidePalette=true</value_parameters>
      <value>{
    "default": "hsla(0, 0%, 0%, .07000000000000001)",
    "alternate": "hsla(0, 0%, 14%, 1)"
}</value>
    </property>
    <property property_name="paletteColor5" group_name="palette" title="Color 5" description="" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="primary" display_order="1400" addon_id="XF">
      <value_parameters>hidePalette=true</value_parameters>
      <value>{
    "default": "hsla(0, 0%, 100%, .6)",
    "alternate": "hsla(0, 0%, 14%, .5)"
}</value>
    </property>
    <property property_name="paletteNeutral1" group_name="palette" title="Neutral 1" description="" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="neutral" display_order="3000" addon_id="XF">
      <value_parameters>hidePalette=true</value_parameters>
      <value>{
    "default": "hsla(0, 0%, 100%, 1)",
    "alternate": "hsla(0, 0%, 9%, 1)"
}</value>
    </property>
    <property property_name="paletteNeutral2" group_name="palette" title="Neutral 2" description="" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="neutral" display_order="3100" addon_id="XF">
      <value_parameters>hidePalette=true</value_parameters>
      <value>{
    "default": "hsla(0, 0%, 51%, 1)",
    "alternate": "hsla(0, 0%, 100%, .4)"
}</value>
    </property>
    <property property_name="paletteNeutral3" group_name="palette" title="Neutral 3" description="" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="neutral" display_order="3200" addon_id="XF">
      <value_parameters>hidePalette=true</value_parameters>
      <value>{
    "default": "hsla(0, 0%, 28%, 1)",
    "alternate": "hsla(0, 0%, 100%, .85)"
}</value>
    </property>
    <property property_name="progressBarColor" group_name="misc" title="Progress bar color" description="The progress bar appears at the top of the window when the system is waiting for a response from the server" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="" display_order="300" addon_id="XF">
      <value>{
    "default": "@xf-paletteAccent1",
    "alternate": "@xf-paletteColor1"
}</value>
    </property>
    <property property_name="publicFaviconUrl" group_name="basic" title="Favicon URL (32x32)" description="Path to the small logo that is associated with bookmarks pointing to your site. This is expected to be a 32x32 PNG image." property_type="value" value_type="string" has_variations="" depends_on="" value_group="logo" display_order="400" addon_id="XF">
      <value_parameters>asset=logo</value_parameters>
      <value>"data/assets/logo/xenforo-logo.webp"</value>
    </property>
    <property property_name="publicFooter" group_name="footer" title="Footer" description="The footer is the primary element that sits below the main content on all public pages" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20000" css_components="text,background,border,extra" addon_id="XF">
      <value>{
    "font-size": "14px",
    "color": "@xf-textColorMuted"
}</value>
    </property>
    <property property_name="publicFooterLink" group_name="footer" title="Footer links" description="Controls styling for individual links within the footer" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20100" css_components="text,extra" addon_id="XF">
      <value>{
    "color": "@xf-linkColor",
    "extra": "font-weight: 500;\nfont-family: \"Sofia Sans\", sans-serif;"
}</value>
    </property>
    <property property_name="publicHeader" group_name="headerNav" title="Header/logo row" description="The header row contains your logo and sits at the top of every public page" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20000" css_components="text,background,extra" addon_id="XF">
      <value>{
    "color": "@xf-chromeTextColor",
    "background-color": "@xf-chromeBg",
    "extra": "border-bottom: @xf-borderSize solid @xf-borderColor;\nborder-right: @xf-borderSize solid @xf-borderColor;"
}</value>
    </property>
    <property property_name="publicHeaderAdjustColor" group_name="headerNav" title="Header adjustment color" description="The color of the header background is adjusted to be used as the background for the inbox and alerts area in the header" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="header" display_order="100" addon_id="XF">
      <value>{
    "default": "fade(@xf-paletteNeutral3, 8%)"
}</value>
    </property>
    <property property_name="publicIconUrl" group_name="basic" title="Icon URL (192x192)" description="The path to your icon image. This should be a 192x192 image and usually a PNG." property_type="value" value_type="string" has_variations="" depends_on="" value_group="logo" display_order="210" addon_id="XF">
      <value_parameters>asset=logo</value_parameters>
      <value>"data/assets/logo/xenforo-logo.webp"</value>
    </property>
    <property property_name="publicIconUrlLarge" group_name="basic" title="Icon URL (512x512)" description="The path to your large icon image. This should be a 512x512 image and usually a PNG." property_type="value" value_type="string" has_variations="" depends_on="" value_group="logo" display_order="220" addon_id="XF">
      <value_parameters>asset=logo</value_parameters>
      <value>"data/assets/logo/xenforo-logo.webp"</value>
    </property>
    <property property_name="publicIconsMaskable" group_name="basic" title="Icons are maskable" description="If enabled, you are indicating that the icons above respect the &lt;a href=&quot;https://web.dev/maskable-icon/&quot; target=&quot;_blank&quot;&gt;minimum safe zone&lt;/a&gt; and can be cropped to the appropriate icon size for various devices." property_type="value" value_type="boolean" has_variations="" depends_on="" value_group="logo" display_order="230" addon_id="XF">
      <value>1</value>
    </property>
    <property property_name="publicLogoUrl" group_name="basic" title="Logo URL" description="The path from your XenForo root directory to your logo. If you specify alternate variations, they should be the same size. If you specify an SVG, you should set &lt;b&gt;Emails &amp;gt; Email logo URL&lt;/b&gt; to a PNG, or similar, for better compatibility." property_type="value" value_type="string" has_variations="1" depends_on="" value_group="logo" display_order="101" addon_id="XF">
      <value_parameters>asset=logo</value_parameters>
      <value>{
    "default": "data/assets/logo/xenforo-logo.webp"
}</value>
    </property>
    <property property_name="publicLogoUrl2x" group_name="basic" title="2x logo URL" description="The path to a double-resolution / retina version of your logo image. If you specify alternate variations, they should be the same size." property_type="value" value_type="string" has_variations="1" depends_on="" value_group="logo" display_order="200" addon_id="XF">
      <value_parameters>asset=logo</value_parameters>
      <value>{
    "default": "data/assets/logo/xenforo-logo.webp"
}</value>
    </property>
    <property property_name="publicLogoWidth" group_name="basic" title="Public logo width" description="If you specify the width of your logo here, you can avoid a costly re-flow of your page layout once the logo loads." property_type="value" value_type="number" has_variations="" depends_on="" value_group="logo" display_order="115" addon_id="XF">
      <value>"40"</value>
    </property>
    <property property_name="publicMetadataLogoUrl" group_name="basic" title="Metadata logo URL" description="Path to the metadata / OpenGraph logo used by your site on social media" property_type="value" value_type="string" has_variations="" depends_on="" value_group="logo" display_order="300" addon_id="XF">
      <value_parameters>asset=logo</value_parameters>
      <value>"data/assets/logo/xenforo-logo.webp"</value>
    </property>
    <property property_name="publicNav" group_name="headerNav" title="Navigation row" description="The navigation row sits below the header and contains the primary site navigation tabs and menus" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20100" css_components="text,background,extra" addon_id="XF">
      <value>{
    "color": "@xf-subNavTextColor",
    "background-color": "transparent"
}</value>
    </property>
    <property property_name="publicNavCollapseWidth" group_name="headerNav" title="Navigation collapse width" description="Below this page width, the navigation system will collapse down into an off canvas menu" property_type="value" value_type="unit" has_variations="" depends_on="" value_group="navigation" display_order="1300" addon_id="XF">
      <value>"@xf-responsiveWide"</value>
    </property>
    <property property_name="publicNavPaddingH" group_name="headerNav" title="Navigation padding horizontal" description="Defines the amount of padding applied horizontally to each main navigational tab in the header" property_type="value" value_type="unit" has_variations="" depends_on="" value_group="navPad" display_order="4100" addon_id="XF">
      <value>"15px"</value>
    </property>
    <property property_name="publicNavPaddingV" group_name="headerNav" title="Navigation padding vertical" description="This value defines the amount of padding applied to the main navigational tabs in the header" property_type="value" value_type="unit" has_variations="" depends_on="" value_group="navPad" display_order="4000" addon_id="XF">
      <value>"10px"</value>
    </property>
    <property property_name="publicNavSelected" group_name="headerNav" title="Navigation row - selected tab" description="Additional styling to apply to navigation tabs when they are selected" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20300" css_components="text,background,border,border_radius,extra" addon_id="XF">
      <value>{
    "color": "@xf-subNavTextColor",
    "background-color": "@xf-subNavBg"
}</value>
    </property>
    <property property_name="publicNavSticky" group_name="headerNav" title="Sticky navigation element" description="If you intend for some or all of your header to stick to the top of the page when it is scrolled, choose which elements should stick" property_type="value" value_type="radio" has_variations="" depends_on="" value_group="navigation" display_order="1200" addon_id="XF">
      <value_parameters>primary={{ phrase('primary_navigation_row_only') }}
all={{ phrase('primary_and_sub_navigation_rows') }}
none={{ phrase('none') }}</value_parameters>
      <value>"primary"</value>
    </property>
    <property property_name="publicNavTab" group_name="headerNav" title="Navigation row - tab" description="Controls the styling of individual tab elements within the navigation row" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20200" css_components="text,background,extra" addon_id="XF">
      <value>{
    "color": "@xf-linkColor",
    "text-decoration": "none",
    "extra": "border-radius: @xf-blockBorderRadius;"
}</value>
    </property>
    <property property_name="publicNavTabHover" group_name="headerNav" title="Navigation row - hovered tab" description="Additional styling to apply to navigation tabs when the pointer hovers over them" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20400" css_components="text,background,extra" addon_id="XF">
      <value>{
    "text-decoration": "none",
    "background-color": "hsla(0,0%,100%,.05)",
    "extra": "border-radius: 10px;"
}</value>
    </property>
    <property property_name="publicNavTabMenuOpen" group_name="headerNav" title="Navigation row - menu open" description="Styling applied when the popup menu for the current tab is visible" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20450" css_components="text,background,extra" addon_id="XF">
      <value>{
    "color": "@xf-paletteColor1",
    "text-decoration": "none",
    "background-color": "@xf-subNavBg"
}</value>
    </property>
    <property property_name="publicStaffBar" group_name="headerNav" title="Staff tools bar" description="Visible only to staff, the staff tools bar sits above the header and contains items such as reported content, the moderation queue..." property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20700" css_components="text,background,border,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeSmall",
    "color": "@xf-linkColor",
    "background-color": "transparent",
    "extra": "margin-bottom: @xf-paddingLarge;"
}</value>
    </property>
    <property property_name="publicSubNav" group_name="headerNav" title="Sub-navigation row" description="Below the main navigation row, this row shows content associated with the selected main navigation tab" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20500" css_components="text,background,border,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeSmall",
    "color": "@xf-subNavTextColor"
}</value>
    </property>
    <property property_name="publicSubNavElHover" group_name="headerNav" title="Sub-navigation row - hovered element" description="Additional styling applied to sub-navigation tabs when the pointer hovers over them" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20600" css_components="text,extra" addon_id="XF">
      <value>{
    "color": "@xf-linkHoverColor"
}</value>
    </property>
    <property property_name="publicSubNavElMenuOpen" group_name="headerNav" title="Sub-navigation row - menu-open element" description="Styles sub-navigation elements whose popup menu is currently open" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20650" css_components="text,background,extra" addon_id="XF">
      <value>{
    "color": "@xf-linkHoverColor",
    "text-decoration": "none",
    "background-color": "fade(@xf-paletteColor5, 50%)"
}</value>
    </property>
    <property property_name="publicSubNavPaddingH" group_name="headerNav" title="Sub-navigation padding horizontal" description="The amount of horizontal padding for each sub-navigation element" property_type="value" value_type="unit" has_variations="" depends_on="" value_group="subNavPad" display_order="5100" addon_id="XF">
      <value>"12px"</value>
    </property>
    <property property_name="publicSubNavPaddingV" group_name="headerNav" title="Sub-navigation padding vertical" description="Defines the amount of vertical padding applied to each item in the sub-navigation bar in the header" property_type="value" value_type="unit" has_variations="" depends_on="" value_group="subNavPad" display_order="5000" addon_id="XF">
      <value>"8px"</value>
    </property>
    <property property_name="selectedItemBgColor" group_name="color" title="Selected item background color" description="" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="selectedItems" display_order="9200" addon_id="XF">
      <value>{
    "default": "@xf-contentHighlightBg"
}</value>
    </property>
    <property property_name="selectedItemBorderColor" group_name="color" title="Selected item border color" description="" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="selectedItems" display_order="9300" addon_id="XF">
      <value>{
    "default": "@xf-borderColorHighlight"
}</value>
    </property>
    <property property_name="selectedItemColor" group_name="color" title="Selected item color" description="" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="selectedItems" display_order="9100" addon_id="XF">
      <value>{
    "default": "@xf-textColorEmphasized"
}</value>
    </property>
    <property property_name="sidebarSpacer" group_name="page" title="Sidebar and side navigation spacer" description="Distance between the main content and the sidebar" property_type="value" value_type="unit" has_variations="" depends_on="" value_group="sidebar" display_order="1000" addon_id="XF">
      <value>"20px"</value>
    </property>
    <property property_name="sidebarWidth" group_name="page" title="Sidebar and side navigation width" description="Width of any elements that make up the sidebar" property_type="value" value_type="unit" has_variations="" depends_on="" value_group="sidebar" display_order="1100" addon_id="XF">
      <value>"280px"</value>
    </property>
    <property property_name="standaloneTab" group_name="tab" title="Standalone tabs" description="Tabs that are not part of block headers are styled here" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20000" css_components="text,background,extra" addon_id="XF">
      <value>{
    "font-size": "15px",
    "color": "@xf-textColor",
    "background-color": "@xf-contentAltBg",
    "extra": "padding: @xf-paddingLarge;\nborder: none;\nborder-radius: 25px;\nfont-size: 0;"
}</value>
    </property>
    <property property_name="standaloneTabSelected" group_name="tab" title="Standalone tabs - selected tab" description="The selected tab in groups that are not part of block headers" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20100" css_components="text,background,border_color_simple,extra" addon_id="XF">
      <value>{
    "color": "@xf-contentBg",
    "font-weight": "@xf-fontWeightHeavy",
    "background-color": "@xf-linkColor",
    "extra": "border-radius: 25px;\nbox-shadow: 0 0 4px fade(@xf-linkColor, 60%);"
}</value>
    </property>
    <property property_name="starEmptyColor" group_name="misc" title="Empty rating star color" description="This is the color of the empty portion of each rating star." property_type="value" value_type="color" has_variations="1" depends_on="" value_group="" display_order="700" addon_id="XF">
      <value>{
    "default": "@xf-borderColorHeavy"
}</value>
    </property>
    <property property_name="starFullColor" group_name="misc" title="Full rating star color" description="This is the color of the full portion of each rating star." property_type="value" value_type="color" has_variations="1" depends_on="" value_group="" display_order="800" addon_id="XF">
      <value>{
    "default": "rgb(249, 196, 121)",
    "alternate": "hsla(35,91%,73%,1)"
}</value>
    </property>
    <property property_name="subNavBg" group_name="color" title="Page sub-navigation background" description="" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="chrome" display_order="6080" addon_id="XF">
      <value>{
    "default": "@xf-contentAltBg",
    "alternate": "hsla(0, 0%, 100%, .1)"
}</value>
    </property>
    <property property_name="successBg" group_name="color" title="Success message background" description="" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="successMessage" display_order="10210" addon_id="XF">
      <value>{
    "default": "hsla(149, 100%, 95%, 1)",
    "alternate": "hsla(149, 100%, 95%,  1)"
}</value>
    </property>
    <property property_name="successColor" group_name="color" title="Success message text color" description="" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="successMessage" display_order="10220" addon_id="XF">
      <value>{
    "default": "hsla(147, 56%, 56%, 1)"
}</value>
    </property>
    <property property_name="successFeatureColor" group_name="color" title="Success message feature color" description="" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="successMessage" display_order="10230" addon_id="XF">
      <value>{
    "default": "hsla(147, 48%, 51%, 1)"
}</value>
    </property>
    <property property_name="textColor" group_name="color" title="Text color" description="Unless otherwise specified, text will be this color" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="textBasic" display_order="100" addon_id="XF">
      <value>{
    "default": "@xf-paletteNeutral3"
}</value>
    </property>
    <property property_name="textColorAccentContent" group_name="color" title="Accented content text color" description="" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="textOther" display_order="3200" addon_id="XF">
      <value>{
    "default": "rgb(254, 254, 254)",
    "alternate": "hsla(0, 0%, 100%, 1)"
}</value>
    </property>
    <property property_name="textColorDimmed" group_name="color" title="Dimmed text color" description="Used when less-important text is placed next to normal text" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="textBasic" display_order="200" addon_id="XF">
      <value>{
    "default": "rgba(34, 34, 34, 0.9)",
    "alternate": "mix(@xf-textColor, @xf-textColorMuted)"
}</value>
    </property>
    <property property_name="textColorEmphasized" group_name="color" title="Emphasized text color" description="" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="textOther" display_order="3100" addon_id="XF">
      <value>{
    "default": "rgb(254, 254, 254)",
    "alternate": "hsla(0, 0%, 100%, 1)"
}</value>
    </property>
    <property property_name="textColorFeature" group_name="color" title="Feature text color" description="" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="textOther" display_order="3000" addon_id="XF">
      <value>{
    "default": "@xf-paletteColor3"
}</value>
    </property>
    <property property_name="textColorMuted" group_name="color" title="Muted text color" description="Text is further de-emphasised using this style" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="textBasic" display_order="300" addon_id="XF">
      <value>{
    "default": "@xf-paletteNeutral2"
}</value>
    </property>
    <property property_name="tooltip" group_name="tooltip" title="Tooltip" description="Certain elements have special floating tooltips, which are controlled here" property_type="css" value_type="" has_variations="" depends_on="" value_group="" display_order="20000" css_components="text,background,border_radius,padding,extra" addon_id="XF">
      <value>{
    "font-size": "@xf-fontSizeSmaller",
    "color": "@xf-textColorEmphasized",
    "background-color": "rgba(34, 34, 34, 0.85)",
    "border-radius": "@xf-blockBorderRadius",
    "padding": "@xf-paddingMedium"
}</value>
    </property>
    <property property_name="voteNegativeColor" group_name="color" title="Negative vote color" description="" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="voting" display_order="11110" addon_id="XF">
      <value>{
    "default": "hsla(358, 50%, 50%, 1)",
    "alternate": "hsla(358, 70%, 60%, 1)"
}</value>
    </property>
    <property property_name="votePositiveColor" group_name="color" title="Positive vote color" description="" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="voting" display_order="11100" addon_id="XF">
      <value>{
    "default": "hsla(122, 50%, 50%, 1)",
    "alternate": "hsla(122, 70%, 60%, 1)"
}</value>
    </property>
    <property property_name="warningBg" group_name="color" title="Warning message background" description="" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="warningMessage" display_order="10310" addon_id="XF">
      <value>{
    "default": "hsla(48, 100%, 93%, 1)"
}</value>
    </property>
    <property property_name="warningColor" group_name="color" title="Warning message text color" description="" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="warningMessage" display_order="10320" addon_id="XF">
      <value>{
    "default": "hsla(47, 100%, 50%, 1)"
}</value>
    </property>
    <property property_name="warningFeatureColor" group_name="color" title="Warning message feature color" description="" property_type="value" value_type="color" has_variations="1" depends_on="" value_group="warningMessage" display_order="10330" addon_id="XF">
      <value>{
    "default": "hsla(47, 100%, 47%, 1)"
}</value>
    </property>
  </properties>
</style>

