/* Base Style */

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;vertical-align:baseline;border:0;font:inherit;font-size:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-spacing:0;border-collapse:collapse}

html,
body {
	min-width: 350px;
	min-height: 100vh;
	margin: 0;
	padding: 0;
	word-break: break-word;
	background-color: #fff;
	font-family: 'Roboto', Arial, sans-serif;
}
a {
	text-decoration: none;
	color: inherit;
}
em,
i {
	font-style: italic;
}
b,
strong {
	font-weight: 700;
}
select {
	cursor: pointer;
}

.guest {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 176px;
	text-align: center;
	border-top: 6px solid #2b325f;
	background-color: #b30000;
	background-image: url('/img/welcome.png');
}
.guest .welcome {
	margin-top: 12px;
	text-align: center;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
}
.guest .who {
	max-width: 466px;
	margin: 0 auto;
	margin-top: 12px;
	padding-right: 24px;
	padding-left: 24px;
	color: #fff;
}
.guest .close {
	position: absolute;
	right: 10px;
	width: 28px;
	height: 28px;
	margin-top: -20px;
	padding: 4px;
	cursor: pointer;
	color: #fff;
	border-radius: 30px;
	background-color: #2b325f;
	font-size: 24px;
}
.guest .create {
	width: 240px;
	height: 48px;
	margin: 0 auto;
	margin-top: 18px;
	color: #fff;
	border-radius: 4px;
	background-color: #2b325f;
	font-weight: bolder;
	line-height: 48px;
}

.alert {
	position: relative;
	display: flex;
	padding: 10px 15px;
	text-align: center;
	color: #fff;
	background-color: #bc0000;
	box-shadow: 0 0 5px #000;
	font-size: 14px;
	line-height: 18px;

	align-items: center;
	justify-content: center;
}
.alert svg:first-of-type {
	margin-right: 15px;
}
.alert svg:last-of-type {
	margin-left: 15px;
}

.show {
	display: inherit;
}

/**********|
|* Header *|
|**********/

.header {
	height: 0;
	margin-bottom: 0;
	padding-top: 89px;
	background-color: #b3b3b3;
	background-position: center;
	background-size: cover;
}
.header .bg {
	display: none;
	padding: 15px 8px 12px;
	text-align: center;
	color: #fff;
}
.header .bg .title {
	display: block;
	font-size: 18px;
}
.header .bg .description {
	font-size: 12px;
}
.header .logo {
	display: none;
	width: 70px;
	height: 70px;
	background-image: url('/img/logo.png');
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;

	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
.header .social {
	display: none;
}
.header .logo:hover {
	background-position: center bottom;
}
.header .bar {
	position: relative;
	display: flex;
	padding: 10px 0 8px;
	text-align: center;
	text-transform: uppercase;
	border-bottom: 1px solid #e6e6e6;
	background-color: rgba(0,0,0,0.24);
	font-size: 10px;

	justify-content: flex-start;
}

.header.fixed .bar {
	position: fixed;
	z-index: 1;
	top: 0;
	width: 100%;
	background-color: #222;
}

/* Navigation - Main */

.nav-main {
	position: relative;
	width: 3em;
	height: 2em;
	margin-left: 12px;
	cursor: pointer;
	text-decoration: none;
	color: #d8d8d8;

	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
.nav-main:before {
	position: absolute;
	top: 0.15em;
	width: 3em;
	height: 0.3em;
	margin-left: -1.5em;
	background: #fff;
	box-shadow: 0 0.6em 0 0 #fff, 0 1.2em 0 0 #fff;
}
.nav-main.active:before {
	top: 0;
	color: transparent;
	background: transparent;
	box-shadow: none;
	text-shadow: 0 0 0 #fff;
	font-size: 22px;
}
.nav-main svg {
	font-size: 18px;
}
.nav-main.active svg {
	color: #b30000;
}
.desktop {
	display: none;
}

.nav-main .inner {
	position: relative;
	z-index: 1;
	top: 13px;
	left: 0;
	display: none;
	overflow: hidden;
	width: 130px;
	white-space: nowrap;
	background-color: #2b325f;
}
.nav-main .inner a {
	display: block;
	padding: 10px;
	user-select: none;
	text-transform: uppercase;
	color: #fff;
}
.nav-main .inner a:hover {
	color: #000;
	background-color: #fff;
}
.nav-main .inner a.active {
	border-bottom: 2px solid #777;
}
.nav-main .inner a.active:hover {
	color: #fff;
}

/* Navigation - User */

.nav-user {
	position: absolute;
	top: 1px;
	right: 0;
	display: flex;
	max-width: 312px;
	height: 37px;
	padding-right: 48px;
	color: #d8d8d8;

	align-items: center;
}
.nav-user .inner {
	display: none;
	max-width: 300px;
	padding-left: 12px;
	text-transform: none;
	font-size: 12px;
}
.nav-user .inner > a:first-child {
	overflow: hidden;
	margin-right: 5px;
	white-space: nowrap;
	text-overflow: ellipsis;

	flex: 1;
}
.nav-user .inner i {
	display: block;
	width: 16px;
}
.nav-user .inner svg {
	font-size: 16px;
}
.nav-user.register .inner svg {
	margin-right: 2px;
	font-size: 14px;
}
.nav-user .inner img {
	height: 16px;
}
.nav-user .inner span {
	margin: 0 5px;
}
.nav-user.active .inner {
	display: flex;

	align-items: center;
	justify-content: center;
}

.nav-user .toggle {
	position: absolute;
	top: 50%;
	right: 13px;
	display: flex;
	width: 4px;
	height: 14px;
	padding: 3px 7px 2px;
	transform: translateY(-50%);
	font-size: 14px;
	font-weight: 500;

	align-items: center;
	justify-content: center;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
.nav-user .toggle:hover,
.nav-user .toggle.active {
	color: #999;
	background-color: #fff;
}

.nav-user.active.register {
	padding-left: 8px;
}

.dropdown-container {
	position: relative;
	display: inline-block;
	cursor: pointer;
}

.dropdown-content {
	position: absolute;
	z-index: 1;
	display: none;
	width: 140px;
	margin-left: -130px;
	padding-top: 14px;
	border-right: 4px solid #242424;
	border-bottom: 4px solid #242424;
	border-left: 4px solid #242424;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	background-color: #242424;
}
.theme-dark .dropdown-content {
	border-right: 4px solid #00090e;
	border-bottom: 4px solid #00090e;
	border-left: 4px solid #00090e;
	background-color: #00090e;
}

.dropdown-content a {
	display: block;
	padding: 8px 16px;
	text-decoration: none;
	color: #fff;
	text-shadow: none;
}

.dropdown-content a:hover {
	background-color: #353535;
}

/***********|
|* Content *|
|***********/

.container {
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
}
.container.padded {
	padding-right: 12px;
	padding-left: 12px;
}
.home .container,
.search .container,
.post-single .container,
.profile .container,
.page .container,
.logs .container {
	position: relative;
	display: flex;
}

.main-content,
.wrapper {
	background-color: #fff;
}
.wrapper {
	min-height: 100vh;
}

.clean {
	display: none;
}


/**********|
|* Voting *|
|**********/

.post .vote {
	min-width: 35px;
	margin: 0 12px 0 10px;
	text-align: center;
	font-size: 18px;
}
.post .vote .count {
	display: block;
	margin-top: 4px;
	margin-bottom: 4px;
	user-select: none;
	text-align: center;
	white-space: nowrap;
	color: #c6c6c6;
	font-size: 14px;
}
.post .vote a,
.post .vote-up-small,
.post .vote-down-small {
	color: #bbb;
}
.post .actions .vote-small a {
	margin-right: 0;
}

.comment .vote {
	display: flex;
	flex-direction: column;
	width: 38px;
	user-select: none;
	text-align: center;
	color: #cbcbcb;
	font-size: 14px;

	align-items: center;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

.comment .vote a {
	transition: color 0.2s;
	font-size: 18px;
}
.comment .vote a:first-of-type {
	margin-bottom: 2px;
}
.comment .vote a:last-of-type {
	margin-top: 2px;
}

.vote[data-vote='up'] a[data-direction='up'],
.vote[data-vote='up'] .count {
	color: #ff8b60;
}
.vote[data-vote='down'] a[data-direction='down'],
.vote[data-vote='down'] .count {
	color: #9494ff;
}

/*********|
|* Posts *|
|*********/

.post {
	display: flex;
	padding: 8px;
	flex-wrap: wrap;
}
.post-list .post {
	padding: 8px 8px 8px 0px;
}

.post .top {
	margin-bottom: 6px;
}

.post .thumb {
	overflow: hidden;
	width: 62px;
	height: 62px;
	margin-right: 8px;
	background-repeat: no-repeat;
}
.post .thumb.default-thumbnail {
	background-image: url('/img/default-thumbnail.png');
	background-repeat: no-repeat;
}
.post .thumb a {
	display: block;
	overflow: hidden;
	width: 100%;
	text-align: center;
}
.post .thumb img {
	max-width: 100%;
	user-select: none;
}

.post .body {
	padding-top: 2px;

	flex: 1;
}

.post .title {
	margin-right: 2px;
	color: #00f;
	font-size: 16px;
	line-height: 20px;
}
.post .title:visited {
	color: #241037;
}

.set-suggested {
	margin-bottom: 8px;
	padding: 0 8px 0 8px;
	text-align: right;
	color: #939393;
	font-size: 12px;
}

.post .domain {
	color: #aeaeae;
	font-size: 10px;
	font-weight: 700;
}
.post .nsfw {
	margin-right: 4px;
	color: #ccc;
	border-radius: 4px;
	font-size: 14px;
}

.post .details,
.message .details,
.note .details {
	color: #888;
	font-size: 12px;
}
.post .details,
.comment .details {
	margin-bottom: 6px;
	line-height: 16px;
}
.message .details {
	margin-bottom: 5px;
}

.details .since,
.details .submitter,
.details .distinguished,
.details [data-action]:not(:first-child):not(:last-of-type) {
	margin-right: 2px;
}

.details .submitter {
	color: #ffa500;
}
.details .distinguished {
	color: #008000;
	font-weight: 700;
}
.details .submitter + .distinguished {
	margin-left: 0;
}
.details .edited {
	margin: 0 4px 0 4px;
	color: #bfbfbf;
}

.details a.author,
.note a.author {
	color: #369;
}
.details a.author:hover,
.note a.author:hover {
	text-decoration: underline;
}

.actions {
	cursor: default;
	font-size: 10px;
	font-weight: 700;
	line-height: 16px;
}
.actions a {
	margin-right: 6px;
	color: #888;
}
.actions a:hover {
	text-decoration: underline;
}
.actions .comments,
.actions [data-action='reply'] {
	color: #5a78c4;
	font-size: 11px;
}

.actions .removed {
	color: #e00000;
}

.history,
.confirm {
	color: #f00;
}
.history {
	margin: 0 2px;
	font-size: 12px;
}
.confirm a,
.confirm span {
	color: inherit;
}
.confirm a:first-of-type,
.confirm span {
	margin-right: 2px;
}
.confirm a:last-of-type {
	margin-right: 5px;
}

.post-single .content,
.post-list .content .inner,
.message,
.page .content {
	max-width: 840px;
}

.post-single .post .content,
.message .content {
	margin: 6px 0;
}

.post-single .post .top {
	min-height: 62px;
}
.post-single .post .details,
.post-single .post .content,
.post-single .post .actions {
	margin-left: -118px;
}

.post-single .post .content {
	padding: 5px 0;
}

.post-single .form .status,
.post-single .form .error,
.form.reply .status,
.form[class*='update-'] .status {
	display: inline-block;
	width: auto;
	margin-left: 10px;
}

/* User Reports */

.post + .reports {
	margin: 8px 4% 2px;
}
.comment .actions + .reports {
	margin: 8px 12px 2px 0;
}

.reports {
	max-width: 1200px;
	margin-top: 8px;
	padding: 6px 10px;
	border: 1px solid #000;
	border-radius: 8px;
	background-color: #f6e69f;
	font-size: 11px;
}
.reports p {
	margin-bottom: 7px;
}
.reports ol {
	margin-left: 12px;
}
.reports li:not(:last-child) {
	margin-bottom: 4px;
}

/*********|
|* Errors *|
|*********/

.error {
	margin-top: 44px;
	text-align: center;
}
.error svg {
	margin-bottom: 16px;
	color: #e1e1e1;
	font-size: 72px;
}
.filter-error {
	margin-top: 12px;
	color: red;
	font-size: 14px;
}
.error .text {
	color: #525252;
	font-size: 12px;
}
.theme-dark .error .text {
	color: #a0a0a0;
}

/******************|
|* Content Styles *|
|******************/

.content *,
.empty *,
.comment-list .context,
.revision {
	font-size: 14px;
	line-height: 20px;
}
.content p,
.empty p,
.content ul,
.content ol,
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
	margin: 5px 0;
}

.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
	font-weight: 700;
}
.content h1 {
	font-size: 18px;
}
.content h2 {
	font-size: 17px;
}
.content h3 {
	font-size: 16px;
}
.content h4 {
	font-size: 15px;
}

.post-single .content p {
	color: #222;
}
.content *:first-child {
	margin-top: 0;
}
.content *:last-child {
	margin-bottom: 0;
}
.content img {
	display: block;
	max-width: 100%;
}
.content a,
.log-list .log a,
.comment-list .context a {
	color: #527fc5;
}
.content ul,
.content ol {
	margin-left: 24px;
}
.content ul {
	list-style-type: disc;
}
.content ol {
	list-style-type: decimal;
}
.content blockquote {
	position: relative;
	display: block;
	margin: 16px 8px;
	padding: 8px 20px 8px 35px;
	text-align: justify;
	border-left: 5px solid #586698;
	border-radius: 3px;
}
.message .content blockquote {
	color: #444;
}
.content blockquote:before {
	position: absolute;
	top: 15px;
	left: 10px;
	content: '\201C';
	color: #b93a43;
	font-family: Georgia, serif;
	font-size: 40px;
	font-weight: 700;
}

.more {
	padding: 8px 8px 6px;
	user-select: none;
	color: #808080;
	font-size: 12px;
}
.more a {
	display: inline-block;
	margin-left: 2px;
	padding: 8px 16px;
	text-transform: uppercase;
	color: #fff;
	border: 1px solid #8c8c8c;
	border-radius: 3px;
	background-color: #4644ab;
	font-weight: bold;
}
.more a:hover {
	color: #4644ab;
	border: 1px solid #97051d;
	background-color: #fff;
}
.loader {
	margin-top: 24px;
	text-align: center;
	color: #acacac;
	font-size: 26px;
}

.draggable {
	cursor: grab;
}

.comment + .more {
	margin-top: 8px;
}
.log + .more {
	margin-top: 4px;
}

.sidebar {
	position: absolute;
	right: -100%;
	width: calc(100% - 24px);
	margin-top: 12px;
}
.sidebar li {
	margin-bottom: 6px;
	list-style: inside;
}
.sidebar li:last-of-type {
	margin-bottom: 0;
}
.sidebar .module.moderator-list li {
	margin-left: 6px;
	list-style: none;
}
.sidebar ul {
	margin-top: 6px;
}
.sidebar hr {
	height: 2px;
	border: none;
}

.sidebar .search {
	margin-bottom: 12px;
}
.sidebar .search input {
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	padding: 12px;
	border: 1px solid #f0f0f0;
}
.theme-dark .sidebar .search input {
	border: none;
}

.sidebar .img {
	display: none;
	width: 100%;
	margin-bottom: 12px;
}

.module,
.popup .inner,
.sidebar blockquote {
	background-color: #fff;
}
.module .head,
.sidebar h3,
.popup .head {
	position: relative;
	padding: 10px 35px 8px;
	text-align: center;
	color: #2b2b2b;
	border-radius: 1.5px;
	line-height: 22px;
}
.module ul {
	margin-top: 8px;
	margin-bottom: 8px;
}
.module li {
	margin-bottom: 6px;
	list-style: inside;
}
.module .head:before,
.sidebar h3:before,
.popup .head:before {
	left: 10px;
}
.module .head:after,
.sidebar h3:after,
.popup .head:after {
	right: 10px;
}
.module .head,
.sidebar h3 {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #4d4d4d;
	background-color: #fff;
	font-size: 18px;
}
.module .body,
.sidebar blockquote {
	margin: 0 auto 14px;
	padding: 14px 12px 12px;
	color: #000;
	font-size: 12px;
}

.module .body p,
.sidebar blockquote p {
	margin-bottom: 12px;
	line-height: 14px;
}
.sidebar blockquote h4 {
	margin-bottom: 2px;
}
.module .body p:last-child,
.sidebar blockquote p:last-child {
	margin-bottom: 0;
}
.module .body .heading,
.sidebar blockquote .heading {
	margin-bottom: 2px;
	font-weight: 600;
}
.module .body img,
.sidebar blockquote img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

/*
.module .body .heading {
    font-weight: 500;
    margin-bottom: 2px;
    background: transparent;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 6px;
    padding-right: 6px;
    transition: .5s;
    border: 1px solid rgba(235,216,164,0.82);
    width: 253px;
}
.module .body .heading span {
    border: 2px solid rgb(237,222,179);
    background-color: #ffffff;
    border-radius: 14px;
    margin: 0 2px;
    white-space: nowrap;
    word-break: normal;
    color: #bc0000;
    font-weight: bold;
    padding: 0 4px;
}
*/

.sidebar .module .body,
.sidebar blockquote {
	max-width: 400px;
}

.module .body a:hover,
.sidebar blockquote a:hover {
	text-decoration: underline;
}

.sidebar .module {
	margin-bottom: 24px;
	border: 1px solid #f0f0f0;
}
.sidebar .module.moderator-list {
	margin-bottom: 0;
}

.module .sidebar_module-cols {
	display: flex;

	justify-content: space-between;
}
.module .sidebar_module-cols p {
	margin-bottom: 0;
}

.sidebar .submit-link,
.sidebar .submit-text {
	position: relative;
	display: block;
	margin: 0 8px 14px;
	padding: 14px 10px 12px;
	text-align: center;
	letter-spacing: 0.25px;
	text-transform: uppercase;
	color: #fff;
	background-color: #242424;
	font-size: 15px;
}
.theme-dark .sidebar .submit-link,
.theme-dark .sidebar .submit-text {
	background-color: #00090e;
}

/* Moderators Sidebar */

.sidebar-notes {
	display: flex;
	margin-bottom: 1px;
	color: #808080;
	font-size: 10px;

	justify-content: space-between;
}

.sidebar .mods {
	margin-bottom: 5px;
	padding: 8px 8px 4px 8px;
	border-radius: 2px;
	background: none;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.4);
}
.sidebar .mods .head {
	display: flex;

	justify-content: space-between;
}
.sidebar .mods .body {
	padding: 5px 5px 0;
}
.sidebar .mods .foot {
	margin-top: 5px;
	padding: 0 5px 5px;
	text-align: right;
}
.sidebar .mods .head p,
.sidebar .mods .body ul {
	font-size: 12px;
}
.sidebar .mods .head a,
.sidebar .mods .foot a {
	color: #369;
	font-size: 10px;
}
.sidebar .mods .head p,
.sidebar .mods .foot a {
	color: #808080;
}
.sidebar .mods .head p {
	text-transform: uppercase;
}
.sidebar .mods .body a {
	margin-right: 8px;
	color: #369;
}
.sidebar .mods .body ul {
	margin: 5px;
}
.sidebar .mods .body li {
	display: flex;

	align-items: center;
}

.g-recaptcha,
.h-captcha {
	display: flex;
	margin: 12px 0 12px;
	justify-content: center;
}

.main,
.single .main-content {
	width: 100%;
}

.page .main-content {
	padding: 14px 16px;
}
.page h1 {
	margin-bottom: 14px;
	padding-bottom: 10px;
	border-bottom: 1px solid #808080;
	font-size: 18px;
	font-weight: 500;
}
.page h2 {
	font-size: 16px;
	font-weight: 500;
}
.page h2,
.page .content p,
.page .content ul {
	margin: 12px 0;
}
.page .content p,
.page .content ul {
	font-size: 14px;
	line-height: 20px;
}
.page .content p:last-child,
.page .content ul:last-child {
	margin-top: 0;
	margin-bottom: 0;
}
.page .content ul {
	padding-left: 20px;
	list-style-type: disc;
}
.page .more {
	padding: 0;
}

.single .module {
	max-width: 600px;
	margin: 20px auto 0;
}
.single .module .body {
	padding: 18px 20px 16px;
}

.single .narrow {
	max-width: 416px;
}

.mod-list {
	max-width: 250px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 13px;
}
.mod-list li {
	display: flex;
	margin-bottom: 6px;

	align-items: center;
	justify-content: space-between;
}
.mod-list p {
	color: #808080;
}
.mod-list a {
	color: #369;
}

/* Single Post Comments */

.post-single .thread,
.post-single .view_more {
	margin-left: 16px;
	color: #b7b7b7;
	font-size: 12px;
}
.post-single .total {
	margin-bottom: 12px;
	padding: 14px 12px 14px;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	font-size: 14px;
}

.sort {
	color: #808080;
	font-size: 12px;
	line-height: 20px;
}
.sort select {
	user-select: none;
	color: #808080;
	border: 0;
	background-color: transparent;
	font-size: 12px;
	font-weight: 600;
}
.home .sort,
.search .sort {
	margin-bottom: 8px;
	text-align: right;
}
.post-single .sort,
.profile .sort {
	float: right;
}

.profile .empty {
	padding: 12px;
	text-align: center;
}

.profile .comment {
	margin-left: 0;
	padding-left: 4px;
}

.search .empty {
	padding: 12px;
}

.empty.queue p {
	color: #7b7b7b;
}
.empty.queue {
	margin-top: 24px;
	margin-bottom: 24px;
	text-align: center !important;
}
.empty.queue svg {
	color: #ddd;
	font-size: 72px;
}

.comment-list {
	padding-bottom: 5px;
}
.comment-list .context {
	padding: 0 12px 12px;
}

.comment {
	position: relative;
	display: flex;
	margin: 0 0 10px 10px;
	padding: 7px 0 0 10px;
	border-top: 1px solid #f5f5f5;
	background-color: #fff;

	flex-wrap: wrap;
}
.comment:last-child {
	margin-bottom: 5px;
}

.message-list .comment {
	margin-left: 0;
	padding-top: 0;
	padding-left: 0;
	border-top: none;
	border-left: none;
}

.message-list .comment .vote {
	width: 12px;
	margin-right: 8px;
}

.message-list .comment .comment-parent {
	margin-left: 0;
}

.message-list .child .comment {
	margin-bottom: 0;
}

.comment .child {
	width: 100%;
	margin: 10px 0 0 0;
}
.comment .child > .comment {
	margin: 0 0 0 5px;
}

.comment .body {
	padding-right: 10px;

	flex: 1;
}
.comment .details {
	font-size: 12px;
}
.comment .details a[data-action] {
	color: #888;
}
.comment .details a[data-action='history'] {
	margin-left: 1px;
}
.comment .details .distinguished + a[data-action='history'] {
	margin-left: 0;
}

.comment .details a[data-action='minimize'] {
	position: absolute;
	top: 0;
	left: 0;
	width: 8px;
	height: 100%;
	transition: background-color 0.3s, color 0.3s;
	text-align: center;
	color: transparent;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	background-color: #f9f0f0;
	font-size: 11px;
	font-weight: 700;

	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
.comment .details a[data-action='minimize']:hover {
	text-decoration: none;
	color: transparent;
	background-color: #9f9f9f;
}

.comment a.author {
	font-weight: 700;
}
.comment .points,
.comment .hidden {
	color: #818181;
}
.comment .since {
	color: #b7b7b7;
}

.comment .content {
	margin: 5px 0;
	font-size: 13px;
}

.comment.minimized > .body .content,
.comment.minimized > .body .actions {
	display: none;
}
.comment.deleted > .body .details,
.comment.minimized > .body .details {
	font-style: italic;
}
.comment.deleted > .body .details {
	margin: 0 0 10px;
}
.comment.minimized > .body .details {
	margin: 0 0 6px;
}
.comment.deleted > .vote {
	height: 36px;
}
.comment.minimized > .vote {
	height: 0;
}
.comment.deleted > .vote,
.comment.minimized > .vote {
	pointer-events: none;
	opacity: 0;
}
.comment.minimized .child {
	display: none;
}
.comment.minimized .hidden {
	margin-left: 4px;
}
.comment.minimized > .body .details [data-action],
.comment.minimized > .body .details .distinguished,
.comment.minimized > .body .details .submitter {
	font-style: normal;
}
.comment.minimized > .body a.author,
.comment.deleted > .body span.author {
	color: #818181;
}
.comment.removed:not(.minimized) {
	padding-bottom: 7px;
}

.post-single .total + .form {
	margin: 0 12px 12px;
}
.form.edit textarea,
.form.reply textarea {
	box-sizing: border-box;
	width: 100%;
	min-height: 136px;
	padding: 7px 10px 10px 10px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-family: inherit;
	font-size: 14px;
}
.form.edit input[type='submit'],
.form.edit input[data-action='cancel'],
.form.reply input[type='submit'],
.form.reply input[data-action='cancel'] {
	margin: 8px 0 0 0;
	padding: 4px 8px;
	cursor: pointer;
	border: 1px solid #d9d9d9;
	border-radius: 2px;
	background-color: #f6f6f6;
	line-height: normal;
}
.reply .styling,
.edit .styling,
.submit-post .styling,
.submit-message .styling {
	margin-bottom: 6px;
	margin-left: 6px;
	color: #a3a3a3;
}
.reply .styling svg,
.edit .styling svg,
.submit-post .styling svg,
.submit-message .styling svg {
	margin-right: 4px;
	cursor: pointer;
}
.reply .styling .preview,
.edit .styling .preview,
.submit-post .styling .preview,
.submit-message .styling .preview {
	float: right;
	cursor: pointer;
	font-size: 12px;
}
.submit-status {
	float: left;
	margin-top: 15px;
	color: #aba3b7;
	font-size: 14px;
}
.submit-post #title {
	overflow-x: hidden;
	min-width: 100%;
	min-height: 0;
}
.preview-mode {
	padding: 8px 16px;
	color: #353535;
	font-size: 16px;
}
.char-count {
	float: right;
	margin-right: 12px;
	color: #dbdbdb;
	font-size: 12px;
}
.reply-button {
	text-align: right;
}
.post .form.edit textarea {
	max-width: none;
}

.comment .edit {
	margin: 10px 0;
}

.form.reply,
.form.edit {
	max-width: 540px;
	margin: 12px 0 12px 0;
}
.form.reply.parent {
	margin-right: 12px;
	margin-left: 12px;
}
.form.reply.active {
	display: block;
}

.comment .reply,
.message .reply,
.hide {
	display: none;
}

.sidebar .login input[type='text'],
.sidebar .login input[type='password'],
.single .form input[type='text'],
.single .form input[type='email'],
.single .form input[type='password'],
.single .form input[type='url'],
.single .form textarea,
.single .form select,
.page .main-content .form input[type='text'],
.page .main-content .form input[type='email'],
.page .main-content .form input[type='password'],
.page .main-content .form input[type='number'],
.page .main-content .form textarea,
.page .main-content .form select,
.popup .form input[type='text'],
.popup .form input[type='number'],
.popup .form textarea {
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #ddd;
	border-radius: 2px;
	font-family: inherit;
	font-size: 14px;
}
.single .form textarea,
.page .main-content .form textarea,
.popup .form textarea {
	min-height: 132px;
}
.sidebar .login input[type='submit'],
.single .form input[type='submit'],
.page .main-content .form:not(.reply) input[type='submit'],
.popup .form input[type='submit'] {
	width: 30%;
	padding: 8px;
	cursor: pointer;
	color: #fff;
	border: none;
	background-color: #242424;
}
.theme-dark .sidebar .login input[type='submit'],
.theme-dark .single .form input[type='submit'],
.theme-dark .page .main-content .form:not(.reply) input[type='submit'],
.theme-dark .popup .form input[type='submit'] {
	background-color: #00080c;
}
.single .form input[type='submit'],
.popup .form input[type='submit'] {
	display: block;
	margin: 0 auto;
}
.single .form input[type='submit'],
.page .main-content .form input[type='submit'] {
	margin-top: 10px;
}

.form input[type='submit'] {
	font-family: inherit;
	font-size: 13.3333px;
}

.single .form .create {
	text-align: center;
	color: #636363;
}
.single .form .create a {
	text-decoration: none;
	color: inherit;
}
.single .form .create a:hover {
	text-decoration: underline;
}

.single .form .legal {
	display: flex;
	cursor: pointer;

	align-items: center;
}
.single .form .legal input[type='checkbox'] {
	margin: 3px 5px 3px 2px;
	cursor: pointer;
}
.single .form .legal a {
	text-decoration: underline;
}
.single .form .legal a:hover {
	text-decoration: none;
}

.sidebar .login .create {
	float: left;
	margin: 9px;
	color: #636363;
}

.popup-note input[type='submit'] {
	margin-top: 8px;
}
.popup-note textarea {
	min-height: 82px;
}
.popup-note .heading {
	display: block;
	margin-top: 25px;
	text-align: left;
	text-transform: uppercase;
	color: #222;
	font-weight: 500;
}
.popup-note .expand {
	display: inline-block;
	transition: transform 0.3s;
	transform: rotate(-90deg);
	font-size: 15px;
}
.popup-note .expand.active {
	transform: rotate(0deg);
}
.note {
	display: flex;
	margin-top: 12px;
	text-align: left;
	color: #222;
	font-size: 14px;
	line-height: 20px;

	align-items: center;
}
.note .body {
	flex: 1;
}
.note .delete {
	font-weight: 700;
}
.note .details {
	margin-bottom: 2px;
}

.popup-ban input[type='submit'],
.popup-note input[type='submit'] {
	margin: 8px auto 6px;
}

.single .tags {
	margin: 5px 0 20px;
	cursor: default;
	user-select: none;
}
.single .tags .title {
	margin-right: 1px;
	font-size: 10px;
}
.single .tags input[type='checkbox'] {
	display: none;
}
.single .tags input[type='checkbox'] + label {
	display: inline-block;
	margin-right: 1px;
	padding: 4px;
	cursor: pointer;
	color: #ccc;
	border: 1px solid transparent;
	border-radius: 6px;
	background-color: #f0f0f0;
	font-size: 12px;
}
.single .tags input[type='checkbox']:checked + label {
	color: #535353;
	border: 1px solid #dbdbdb;
	background-color: #f0f0f0;
}

.user_profile {
	margin: 16px;
}

.post-list [data-action='expand'],
.expand-link {
	display: inline-block;
	padding: 1px 0;
	user-select: none;
	color: #c1c1c1;
	font-size: 16px;
	line-height: 18px;
}
.post-list .content {
	display: none;
	margin: 8px 0 0 8px;
	color: #444;;
	font-size: 14px;

	flex-basis: 100%;
}
.post-list .content .inner {
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	padding: 12px;
	background-color: #f2f2f2;
}

.theme-dark .post-list .content .inner {
	background-color: initial;
}
.post-list .content.link .inner {
	background: none;
	padding: 0;
}

.no_results {
	padding: 12px;
}

.community-list-item-title {
	font-weight: 500;
	font-size: 21px;
	margin-bottom: 8px;
	display: flex;
}
.community-list-item-title svg {
	color: rgb(112, 118, 123);
	font-size: 14px;
}
.community-list-item-subscribe svg:hover,
.community-list-item-unsubscribe svg {
	color: rgb(255, 190, 0);
}
.community-list-item-subscribe,
.community-list-item-unsubscribe {
	margin-left: 4px;
	align-items: center;
}
.community-list-item-description {
	font-size: 14px;
}
.community-list-item-logo img {
	width: 48px;
	height: 48px;
	border-radius: 1000px;
}
.community-list-item-logo {
	margin-right: 16px;
}
.community-list {
	width: 1250px;
	max-width: 100%;
	margin: 0 auto;
}
.theme-dark .community-list {
	color: #fff;
}
.community-list-item {
	padding: 24px;
	display: flex;
}
.community-list-item-tags {
	margin-top: 12px;
	display: flex;
}
.community-list-item-tag {
	width: max-content;
	font-size: 12px;
	padding: 8px 16px;
	background-color: #f3f3f3;
	border-radius: 4px;
	margin-right: 8px;
}

.flair-form label {
	display: inline-block;
	width: 160px;
	height: 30px;
	text-align: center;
	font-size: 14px;
	line-height: 30px;
}

.flair-form input[type='radio'] {
	display: none;
}

.flair-form input[type='radio']:checked + label {
	background-color: #f0f0f0;
}

.flair-form {
	text-align: center;
}

.flair-form button {
	width: 108px;
	margin-top: 12px;
	padding: 8px;
	color: #fff;
	border: none;
	background-image: url('../img/bg-nav.png');
}

.post.stickied .top {
	margin-bottom: 4px;
}
.post.stickied .title {
	display: inline-block;
	font-weight: 700;
}
.post.stickied .title:before {
	margin-right: 4px;
}
.post.stickied .title:after {
	margin-left: 4px;
}
.post.stickied .status,
.comment.stickied .status {
	margin-left: 6px;
	color: #ffa500;
}

/* Post Status Modifiers */

.status-bar {
	display: flex;
	margin-bottom: 15px;
	padding-right: 15px;
	color: #1c1c1c;
	font-size: 14px;
	line-height: 18px;

	align-items: center;
}
.status-bar svg {
	margin-right: 12px;
	color: #fff;
	font-size: 24px;
}

.status-bar.invite {
	border: 1px solid #ffb000;
	background-color: #fff;
}
.status-bar.invite svg {
	padding: 11px 8px;
	background-color: #ffb000;
}
.status-bar.invite a {
	color: #0079d3;
}

.status-bar.locked {
	border: 1px solid #ffd634;
	background-color: #fff7d7;
}
.status-bar.locked svg {
	padding: 11px 12.5px;
	background-color: #ffd634;
}

.status-bar.streaming-warning {
	border: 1px solid #ae0000;
	background-color: #dfbebe;
}
.status-bar.streaming-warning svg {
	padding: 11px 12.5px;
	background-color: #ae0000;
}

.status-bar.archived {
	border: 1px solid #b5b3ac;
	background-color: #fcfcfb;
}
.status-bar.archived svg {
	padding: 11px 11px;
	background: #b5b3ac;
}

/*********|
|* Flair *|
|*********/

/* Post Flair */

.post-flair {
	position: relative;
	top: -2px;
	display: inline-block;
	margin: 2px 4px 0 1px;
	padding: 3px 4px 2px;
	white-space: nowrap;
	color: #555;
	border: 1px solid;
	border-color: #ddd;
	border-radius: 2px;
	background: #f5f5f5;
	font-size: 11px;
}
.stickied .post-flair {
	top: 0;
}

.flair-list {
	display: flex;

	flex-wrap: wrap;
}
.flair-list li {
	width: 50%;
}
.flair-list li:nth-child(3n + 3):not(:last-child) {
	margin-bottom: 15px;
}
.flair-list .post-flair {
	cursor: pointer;
}

.profile .main-content .head,
.logs .main-content .head {
	padding: 14px 12px 12px;
}

.profile .main-content .head h1,
.logs .main-content .head h1 {
	padding-bottom: 10px;
	border-bottom: 1px solid #bfbfbf;
	font-size: 18px;
}

.nav-profile {
	margin-bottom: 5px;
	margin-left: 16px;
	color: #808080;
	font-size: 15px;
	font-weight: 500;
}
.nav-profile p {
	display: block;
	margin-bottom: 6px;
	font-size: 18px;
}
.nav-profile a:hover,
.nav-profile .active {
	text-decoration: underline;
}
.nav-profile span {
	margin: 0 2px;
}
.nav-profile span:first-of-type {
	display: none;
}

.messages {
	padding: 14px 16px;
	background-color: #fff;
}
.messages .reply.active {
	display: block;
}

.nav-message {
	margin-bottom: 14px;
	padding-bottom: 8px;
	border-bottom: 1px dotted #808080;
	font-size: 12px;
}
.nav-message a {
	padding-right: 8px;
	text-decoration: none;
	color: inherit;
	color: #369;
}
.nav-message a:hover,
.nav-message .active {
	text-decoration: underline;
}

.message-entry {
	margin-bottom: 24px;
}
.message-entry:last-of-type {
	margin-bottom: 0;
}

.message-entry.unread {
	padding: 6px;
	border: 1px solid #e9e9e9;
	background-color: #f7f7f7;
}

.message .head,
.message .author {
	font-weight: 600;
}
.message .head {
	margin-bottom: 2px;
}

.message.unread .actions [data-action='unread'] {
	display: none;
}
.message .actions [data-action='unread'] {
	display: inline;
}

.shade {
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.3);
}
.theme-dark .shade {
	background-color: rgba(0,0,0,0.7);
}
.popup {
	position: fixed;
	z-index: 9999;
	top: 50%;
	right: 0;
	left: 0;
	overflow: auto;
	overflow: visible;
	box-sizing: border-box;
	width: 100%;
	max-width: 500px;
	height: auto;
	margin: auto;
	padding: 16px;
	user-select: none;
	transform: translateY(-50%);
}
.popup-ban,
.popup-note {
	max-width: 400px;
}
.popup .close {
	position: absolute;
	top: 70px;
	right: 25px;
	width: 20px;
	text-align: center;
	color: #000;
	text-shadow: 0 0 2px #2b325f;
	font-size: 18px;
	font-weight: 500;
}
.popup .subline {
	margin: 18px 36px 0;
	text-align: center;
	font-size: 22px;
	line-height: 28px;
}
.popup.no-wrap .subline {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.popup .options {
	padding: 16px 16px 14px;
	text-align: center;
	font-size: 16px;
}
.popup .options label {
	cursor: pointer;
}
.popup .options label {
	display: flex;
	margin: 0 auto 8px;

	align-items: center;
}
.popup .options input[type='radio'] {
	margin: 0 8px 0 0;
}
.popup .report input[type='submit'] {
	margin: 20px auto 24px;
}

.popup .warning {
	color: #b6b6b6;
	font-size: 11px;
}
.popup .error,
.popup .status {
	margin-top: 15px;
	text-align: center;
	font-size: 14px;
}
.popup .error {
	color: #bc0000;
}
.popup .error a {
	text-decoration: underline;
}

.popup-report .options label {
	width: 260px;
}

.popup-ban .options label {
	width: 70px;
	margin: 0 0 8px;
	font-size: 14px;
	justify-content: flex-start;
}
.popup-ban .options input[type='checkbox'] {
	margin-right: 5px;
}
.popup-ban .notice {
	margin: -12px 0 16px;
	text-transform: uppercase;
	color: #e00000;
	font-size: 12px;
}
.popup-flair {
	max-width: 800px;
}
.popup-flair .inner .options .form.flair input[type='text'].flair-text {
	margin-bottom: 12px;
}
.popup-flair .subline {
	max-width: 85%;
	font-size: 18px;
	line-height: 22px;
}
.popup-flair .sample {
	margin: 15px 0 10px;
	padding-top: 15px;
	border-top: 1px dotted #555;
}
.popup-flair .remove {
	margin-bottom: 15px;
	font-size: 13px;
	font-weight: 700;
}
.popup-flair .remove a {
	color: #888;
}
.popup-flair .remove a:hover {
	text-decoration: underline;
}
.popup-flair .form {
	display: flex;
	max-width: 250px;
	margin: 0 auto;

	flex-wrap: wrap;
}
.popup-flair .form input[type='text'] {
	margin: 0 20px 0 0;

	flex: 150px;
}

.custom_report_text {
	display: none;
	width: 100%;
	max-width: 256px;
	padding: 12px;
	border: 1px solid #ddd;
	box-shadow: 0 5px 5px -5px #808080;
}

.pill[data-action] {
	display: inline-block;
	padding: 4px;
	user-select: none;
	white-space: nowrap;
	border-style: solid;
	line-height: normal;
}
.pill[data-action]:hover {
	text-decoration: none;
}
.pill[data-action='remove'] {
	color: #4f4f4f;
	border-color: #a2a2a2;
	background-color: #edbdbe;
}
.pill[data-action='approve'] {
	color: #4f4f4f;
	border-color: #a2a2a2;
	background-color: #d1eabf;
}
.pill[data-action='ignore'] {
	color: #4f4f4f;
	border-color: #a2a2a2;
	background-color: #d4d4d4;
}
.pill[data-action='reports'] {
	text-transform: uppercase;
	color: #ffa500;
	border-color: #ffa500;
	background-color: #ffebc2;
}

.user-profile {
	padding: 4px;
	color: #888;
}

.post.removed,
.comment.removed {
	background: #ffbfbf;
}
.comment.reported .content {
	padding: 1px 3px 0;
	background-color: #ffc;
}

.post.tweet {
	background: linear-gradient(#fff,#dcf2ff);
}

.approved {
	vertical-align: middle;
	color: #008000;
	font-size: 12px;
	font-weight: 700;
}

.settings {
	display: table;
	max-width: 400px;
}

.settings p {
	font-size: 14px;
}

.settings ul {
	margin-left: 20px;
	font-size: 14px;
}
.settings li {
	margin-bottom: 6px;
	list-style-type: disc;
}
.settings li:last-child {
	margin-bottom: 0;
}

.settings .form:not(:last-child) {
	margin-bottom: 30px;
}

.settings .more {
	margin-top: 12px;
}

.quick-nav {
	position: fixed;
	right: 22px;
	bottom: 22px;
	display: flex;
	flex-direction: column;
}
.back-to-top,
.next-comment {
	display: none;
	padding: 8px 10px;
	cursor: pointer;
	transition: background-color 0.3s;
	color: #282828;
	border: 0;
	background-color: rgba(0, 0, 0, 0.1);
	font-size: 24px;
}
.back-to-top:hover,
.next-comment:hover {
	background-color: rgba(0, 0, 0, 0.15);
}
.back-to-top {
	border-radius: 8px 8px 0 0;
}
.next-comment {
	border-radius: 0 0 8px 8px;
}
.back-to-top:not(:last-child) {
	border-bottom: 1px solid rgba(0,0,0,0.05);
}

.form .status,
.form .error {
	width: 100%;
	margin-top: 15px;
	text-align: center;
	font-size: 14px;
}
.form .error {
	color: #ff1c19;
}
.title-suggest {
	float: right;
	padding: 4px;
	font-size: 11px;
}

.post .share {
	display: none;
	max-width: 180px;
	margin-top: 8px;
	padding: 8px 12px 8px 12px;
	background-color: #fff;
	box-shadow: 0 0 2.75px 0.25px rgba(0,0,0,0.2);
	font-size: 12px;
}

.post .share .inner {
	display: flex;

	align-items: center;
}

.post .share p {
	margin-right: 10px;
}
.post .share a {
	margin-right: 8px;
}
.post .share a:last-child {
	margin-right: 0;
}
.post .share svg {
	font-size: 24px;
}

.post .share a[data-share='twitter'] svg {
	color: #1da1f2;
}
.post .share a[data-share='facebook'] svg {
	color: #3b579d;
}
.post .share a[data-share='reddit'] svg {
	color: #ff8b60;
}
.post .share a[data-share='pinterest'] svg {
	color: #bd081c;
}
.post .share a[data-share='email'] svg {
	color: #3e3e3e;
}
.post .share a[data-share='copy'] svg {
	color: #3e3e3e;
}

/* Saving */

.save-categories,
.main-content .form.save {
	padding: 0 12px 12px 12px;
}

.save-category {
	padding: 12px;
	border: 1px solid #c1c1c1;
	border-radius: 4px;
	background-color: #fff;
}

.save-category .quantity {
	margin-left: 6px;
	color: #a2a2a2;
	font-size: 12px;
}

.save-category .view {
	float: right;
	color: #6a6a6a;
}

.save-category {
	margin-bottom: 8px;
	cursor: pointer;
}

.save-category:last-of-type {
	margin-bottom: 0;
}

.popup-save .save-category {
	text-align: left;
}
.save-category.create {
	border: 1px solid #919191;
}
.save-category.create input[type=text],
.save-category .rename-category input[type=text] {
	width: calc(100% - 16px);
	margin: 0;
	padding: 0;
	border: none;
	box-shadow: none;
	font-size: 16px;
}
.save-category.create input[type=text]::placeholder,
.save-category .rename-category input[type=text]::placeholder {
	font-size: 16px;
}
.save-category.create .add,
.save-category .rename-category .rename {
	float: right;
	color: gray;
}
.save-category .rename-category .rename {
	margin-right: 0;
}
.save-category .add.hover {
	display: none;
}
.save-category:hover .add.no-hover {
	display: none;
}
.save-category:hover .add.hover {
	display: initial;
}

/* Moderation Related */

.log-list {
	padding: 0;
}
.log-list .sort {
	padding: 4px;
}
.log-list .sort-container {
	height: 20px;
}
.log-list .sort select {
	color: #b0aeae;
	font-weight: normal;

	-webkit-appearance: none;
	-moz-appearance: none;
}
.log-list .log {
	margin: 0 8px;
	padding: 8px 4px;
	border-bottom: 1px dotted #808080;
	font-size: 12px;
	line-height: 16px;
}
.log-list .sort-moderator {
	float: right;
	margin-left: 12px;
}
.log-list .sort-action {
	float: right;
}

.config {
	max-width: 660px;
}
.config .add-rule {
	width: 39px;
	height: 39px;
	border: none;
}
.new-form .flair-set {
	margin-bottom: 16px;
}
.new-form .flair-set:last-of-type {
	margin-bottom: 0;
}
.new-form .form-save {
	height: 38px;
	line-height: 38px;
}
.config input,
.config select {
	max-width: 400px !important;
}
.config h2 {
	margin-top: 6px;
	margin-bottom: 4px;
	font-size: 14px;
}
.config label {
	font-size: 14px;
}
.config .toggle {
	margin-bottom: 4px;
}

.post-single .suggested {
	margin-top: 2px;
	color: #808080;
	font-size: 12px;
}

/* Modifiers */

.light {
	color: #8e8e8e;
}

/* Embeds */

video {
	width: 100%;
}
.video-container {
	position: relative;
	overflow: hidden;
	height: 0;
	padding-bottom: 56.25%;
}
.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.footer,
.footer a {
	color: #808080;
}
.footer .footer-links a {
	margin-right: 24px;
	font-size: 14px;
	font-weight: 300;
	color: #484848;
}
.footer .footer-links a:last-of-type {
	margin-right: 0;
}
.footer .footer-socials {
	margin-top: 28px;
	margin-bottom: 20px;
}
.footer .footer-socials svg {
	font-size: 20px;
	margin-right: 16px;
	color: #989898;
}
.footer {
	margin-top: 20px;
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: center;
	font-size: 12px;
}
.footer p:first-of-type {
	margin-bottom: 4px;
}
.footer .footer-legal p {
	margin-bottom: 4px;
	color: #989898;
	font-weight: 300;
}
.footer a {
	font-size: 11px;
}
.footer a:hover {
	text-decoration: underline;
}
.sidebar .legal {
	text-align: center;
	color: #979797;
	font-size: 12px;
	line-height: 14px;
}

.new-demo {
	display: none;
}
.vote-small {
	display: none;
}
.new-score {
	display: none;
}

/***********|
|* DESKTOP *|
|***********/

@media only screen and (min-width: 973px) {
	.wrapper {
		background-color: initial;
	}

	.left-sidebar {
		display: none;
	}

	.resources .gallery .gallery-item {
		width: 50%;
	}

	.new-form .form-item.flair-class {
		float: right;
		width: 294px;
	}

	.new-form .form-item.flair-text {
		float: left;
		width: 294px;
	}

	.new-form .form-item {
		width: 440px;
	}

	.new-form .flair-set {
		margin-bottom: 0;
	}

	.flair-set {
		display: table;
		width: 600px;
	}

	.new-form.update-post-flairs,
	.new-form.update-user-flairs {
		max-width: 600px;
	}

	.guest {
		display: none;
	}

	html,
	body {
		min-width: auto;
		background-color: #f9f9f9;
	}

	.header {
		height: 164px;
		margin-bottom: 16px;
		padding-top: 0;
	}
	.header .bg {
		display: block;
		height: 81px;
		padding: 41px 26px 0;
	}
	.header .social {
		position: absolute;
		top: 34px;
		left: calc(50% + 82px);
		display: none;
		width: 200px;
		text-align: left;
		color: #fff;
		text-shadow: 0 0 3px #000;
		font-size: 14px;
		font-weight: 500;
	}
	.header .social .item {
		display: flex;
		margin: 0 15px 10px;

		align-items: center;
	}
	.header .social .item:first-child,
	.header .social .item:last-child {
		margin: 0 0 10px;
	}
	.header .social .item a {
		transition: padding-left 0.15s;
	}
	.header .social .item:hover a {
		padding-left: 10px;
	}
	.header .social svg {
		margin-right: 5px;
		font-size: 22px;
	}
	.header .logo {
		width: 140px;
		height: 140px;
	}
	.header .bar {
		box-sizing: border-box;
		height: 42px;
		margin-bottom: 12px;
		padding: 0;
		font-size: 15px;

		justify-content: center;
	}

	/* Navigation */

	.nav-main {
		width: auto;
		height: 39px;
		margin-left: 0;
	}
	.nav-main:before {
		position: static;
		top: auto;
		width: auto;
		height: auto;
		margin-left: 0;
		content: none;
		background: transparent;
		box-shadow: none;
	}
	.nav-main:hover .nav-main .inner {
		display: flex;
	}

	.nav-main .inner {
		position: static;
		top: 0;
		left: 0;
		display: flex;
		width: auto;
		min-width: auto;
		background-color: transparent;
		box-shadow: none;

		justify-content: center;
		align-items: center;
	}

	.nav-main .inner a {
		padding: 13px 18px 11px;
		/*color: #777;*/
		color: #d8d8d8;
	}
	.nav-main .inner a:hover {
		color: #fff;
		background-color: rgba(0,0,0,0.2);
	}
	.nav-main .inner a.active,
	.nav-main .inner a.active:hover {
		border-bottom: 2px solid #777;
	}
	.nav-main svg {
		display: none;
	}
	.nav-user {
		display: none;
		width: 100%;
		max-width: 312px;
		height: 39px;
		padding: 0;

		justify-content: center;
	}
	.nav-user.active {
		display: flex;
	}
	.nav-user .inner {
		max-width: 288px;
		padding: 0 12px;
	}
	.nav-user .toggle {
		display: none;
	}
	.nav-user .submit {
		display: none;
	}
	.desktop {
		display: initial;
	}
	.filter-options.desktop {
		display: inherit;
	}
	.mobile {
		display: none;
	}

	.dropdown-container:hover .dropdown-content {
		display: block;
	}

	.dropdown-content {
		width: 160px;
		margin-left: -140px;
	}

	.container {
		width: auto;
		padding: 2px 12px 0;
	}
	.container.padded {
		padding: 0;
	}

	.main {
		margin-right: 12px;
		flex: 1;
	}
	.main-content {
		border: 1px solid #f0f0f0;
		border-radius: 2px;
	}
	.theme-dark .main-content {
		border: none;
	}

	.post .top {
		margin-bottom: 3px;
	}
	.post .details,
	.message .details,
	.actions {
		line-height: normal;
	}

	.comment .vote {
		width: 50px;
	}
	.comment .vote a:first-of-type {
		margin-bottom: 1px;
	}
	.comment .vote a:last-of-type {
		margin-top: 1px;
	}
	.comment .vote .count {
		display: none;
	}

	.message-list .comment {
		margin-left: 0;
		border-top: none;
		border-left: none;
	}

	.message-list .comment .vote {
		width: 12px;
		margin-right: 8px;
	}

	.message-list .comment .comment-parent {
		margin-left: 0;
	}

	.flair-list li {
		width: 25%;
	}
	.flair-list li:nth-child(4n + 4):not(:last-child) {
		margin-bottom: 15px;
	}

	.post-list .content {
		margin: 8px 0 0 126px;
	}

	.post-list [data-action='expand'],
	.expand-link {
		display: inline;
		padding: 0;
	}

	.post-list [data-action='expand'] svg,
	.expand-link {
		margin-right: 2px;
	}

	.post-single .total {
		border-top: none;
		border-bottom: none;
	}

	.post .details,
	.comment .details {
		margin-bottom: 5px;
		line-height: normal;
	}

	.comment .body {
		padding-right: 0;
	}
	.comment .child {
		margin: 10px 0 0 10px;
	}

	.comment .details a[data-action='minimize'] {
		width: 15px;
		color: #888;
	}

	.comment .details a[data-action='minimize']:hover {
		color: #fff;
	}

	.post-single .post .top {
		min-height: auto;
	}
	.post-single .post .details,
	.post-single .post .content,
	.post-single .post .actions {
		margin-left: 0;
	}

	.more {
		padding: 4px 8px;
	}
	.more a {
		margin-left: 1px;
		padding: 5px 14px;
	}

	.revision {
		margin-bottom: 8px;
		border: 1px solid #e6e6e6;
	}
	.theme-dark .revision {
		border: 1px solid #171717;
	}

	/* User Reports */

	.post + .reports {
		margin-right: 6%;
		margin-left: 6%;
	}

	/* Sidebar */

	.sidebar {
		position: static;
		display: block;
		width: 300px;
		margin-top: 0;
		background-color: transparent;
	}

	.sidebar .module.moderator-list {
		margin-bottom: 12px;
	}
	.sidebar .moderator-list .foot {
		text-align: right;
	}
	.sidebar .moderator-list ul {
		margin: 0;
	}

	.single .module {
		margin: 25px auto;
	}

	.post .content.text {
		padding: 5px 10px;
	}

	.footer {
		width: auto;
		height: 50px;
		padding-top: 0;
		padding-bottom: 0;
	}

	.nav-profile {
		margin-bottom: 10px;
		font-size: 16px;
	}
	.nav-profile p {
		display: inline-block;
		margin-bottom: 0;
		font-size: 20px;
	}
	.nav-profile span:first-of-type {
		display: inline;
	}

	.profile .empty {
		padding: 0 12px 12px;
		text-align: left;
	}

	.settings_content {
		margin: 16px;
	}

	.reply_comment {
		width: 376px;
		margin-bottom: 12px;
	}

	a.author {
		text-decoration: none;
		color: inherit;
	}

	.queue {
		padding: 12px;
	}
}

/*********|
|* Flair *|
|*********/

.flair {
	margin-right: 8px;
	padding: 0 2px;
	color: #555;
	font-weight: 700;
	align-items: center;
}
.details .flair:before,
.flair:before {
	/*  background-image: url('../img/flair-user.png');*/
	margin-right: 6px;
	padding-top: 2px;
	padding-bottom: 2px;
	content: '';
	vertical-align: middle;
	unicode-bidi: isolate;
}

.flair-alabama:before,
.flair-alaska:before,
.flair-arizona:before,
.flair-arkansas:before,
.flair-california:before,
.flair-colorado:before,
.flair-washington-dc:before,
.flair-connecticut:before,
.flair-delaware:before,
.flair-florida:before,
.flair-georgia:before,
.flair-hawaii:before,
.flair-idaho:before,
.flair-illinois:before,
.flair-indiana:before,
.flair-iowa:before,
.flair-kansas:before,
.flair-kentucky:before,
.flair-louisiana:before,
.flair-maine:before,
.flair-maryland:before,
.flair-massachusetts:before,
.flair-michigan:before,
.flair-minnesota:before,
.flair-mississippi:before,
.flair-missouri:before,
.flair-montana:before,
.flair-nebraska:before,
.flair-nevada:before,
.flair-new-hampshire:before,
.flair-new-jersey:before,
.flair-new-mexico:before,
.flair-new-york:before,
.flair-north-carolina:before,
.flair-north-dakota:before,
.flair-ohio:before,
.flair-oklahoma:before,
.flair-oregon:before,
.flair-pennsylvania:before,
.flair-puerto-rico:before,
.flair-rhode-island:before,
.flair-south-carolina:before,
.flair-south-dakota:before,
.flair-tennessee:before,
.flair-texas:before,
.flair-utah:before,
.flair-vermont:before,
.flair-virginia:before,
.flair-washington:before,
.flair-west-virginia:before,
.flair-wisconsin:before,
.flair-wyoming:before {
	display: inline-block;
	width: 30px;
	height: 16px;
}

.flair-police:before,
.flair-fire:before,
.flair-cap:before,
.flair-emt:before,
.flair-airforce:before,
.flair-coastguard:before,
.flair-army:before,
.flair-marinecorps:before,
.flair-usnavy:before {
	display: inline-block;
	height: 16px;
	padding-left: 30px;
}

/*states*/

.flair-alabama:before {
	background-position: 0 0;
}
.flair-alaska:before {
	background-position: 0 -20px;
}
.flair-arizona:before {
	background-position: 0 -40px;
}
.flair-arkansas:before {
	background-position: 0 -60px;
}
.flair-california:before {
	background-position: 0 -80px;
}
.flair-colorado:before {
	background-position: 0 -100px;
}
.flair-washington-dc:before {
	background-position: 0 -120px;
}
.flair-connecticut:before {
	background-position: 0 -140px;
}
.flair-delaware:before {
	background-position: 0 -160px;
}
.flair-florida:before {
	background-position: 0 -180px;
}
.flair-georgia:before {
	background-position: 0 -200px;
}
.flair-hawaii:before {
	background-position: 0 -220px;
}
.flair-idaho:before {
	background-position: 0 -240px;
}
.flair-illinois:before {
	background-position: 0 -260px;
}
.flair-indiana:before {
	background-position: 0 -280px;
}
.flair-iowa:before {
	background-position: 0 -300px;
}
.flair-kansas:before {
	background-position: 0 -320px;
}
.flair-kentucky:before {
	background-position: 0 -340px;
}
.flair-louisiana:before {
	background-position: 0 -360px;
}
.flair-maine:before {
	background-position: 0 -380px;
}
.flair-maryland:before {
	background-position: 0 -400px;
}
.flair-massachusetts:before {
	background-position: 0 -420px;
}
.flair-michigan:before {
	background-position: 0 -440px;
}
.flair-puerto-rico:before {
	background-position: 0 -1040px;
}
.flair-minnesota:before {
	background-position: 0 -460px;
}
.flair-mississippi:before {
	background-position: 0 -480px;
}
.flair-missouri:before {
	background-position: 0 -500px;
}
.flair-montana:before {
	background-position: 0 -520px;
}
.flair-nebraska:before {
	background-position: 0 -540px;
}
.flair-nevada:before {
	background-position: 0 -560px;
}
.flair-new-hampshire:before {
	background-position: 0 -580px;
}
.flair-new-jersey:before {
	background-position: 0 -600px;
}
.flair-new-mexico:before {
	background-position: 0 -620px;
}
.flair-new-york:before {
	background-position: 0 -640px;
}
.flair-north-carolina:before {
	background-position: 0 -660px;
}
.flair-north-dakota:before {
	background-position: 0 -680px;
}
.flair-ohio:before {
	background-position: 0 -700px;
}
.flair-oklahoma:before {
	background-position: 0 -720px;
}
.flair-oregon:before {
	background-position: 0 -760px;
}
.flair-pennsylvania:before {
	background-position: 0 -780px;
}
.flair-rhode-island:before {
	background-position: 0 -800px;
}
.flair-south-carolina:before {
	background-position: 0 -820px;
}
.flair-south-dakota:before {
	background-position: 0 -840px;
}
.flair-tennessee:before {
	background-position: 0 -860px;
}
.flair-texas:before {
	background-position: 0 -880px;
}
.flair-utah:before {
	background-position: 0 -900px;
}
.flair-vermont:before {
	background-position: 0 -920px;
}
.flair-virginia:before {
	background-position: 0 -940px;
}
.flair-washington:before {
	background-position: 0 -960px;
}
.flair-west-virginia:before {
	background-position: 0 -980px;
}
.flair-wisconsin:before {
	background-position: 0 -1000px;
}
.flair-wyoming:before {
	background-position: 0 -1020px;
}

/*army, police, etc*/

.flair-police:before {
	background-position: 0 -2536px;
}
.flair-fire:before {
	background-position: 0 -2494px;
}
.flair-cap:before {
	background-position: 0 -2437px;
}
.flair-emt:before {
	background-position: 0 -2475px;
}
.flair-airforce:before {
	background-position: 0 -2455px;
}
.flair-coastguard:before {
	background-position: 0 -2575px;
}
.flair-army:before {
	background-position: 0 -2416px;
}
.flair-marinecorps:before {
	background-position: 0 -2395px;
}
.flair-usnavy:before {
	background-position: 0 -2375px;
}

/**********|
|* THEMES *|
|**********/

.theme-dark .wrapper.home {
	background: none;
}
.theme-dark .wrapper,
.theme-dark .container {
	background-color: #000a10 !important;
}
.theme-dark .header {
	background-color: #000c13;
}
.theme-dark .header .bar {
	border-bottom: 1px solid #000a10;
}
.theme-dark .header .title,
.theme-dark .header .description {
	color: #d8d8d8;
}
.theme-dark .message-entry .comment {
	background-color: transparent !important;
}
.theme-dark .message-entry.unread {
	border: 1px solid #001824;
	background-color: #001824;
}
.theme-dark,
.theme-dark .post:nth-child(even),
.theme-dark .comment:nth-child(n+1):nth-child(even),
.theme-dark .post:nth-child(odd),
.theme-dark .comment:nth-child(n+1):nth-child(odd) {
	background: #000a10;
}
.theme-dark .post:nth-child(odd),
.theme-dark .comment:nth-child(n+1):nth-child(odd) {
	background: #000d15;
}
.theme-dark .post.stickied {
	border-bottom: none;
	border-left: 2px solid #a90000;
	background: inherit;
}
.theme-dark .post-single .total {
	border-top: none;
	border-bottom: none;
}
.theme-dark .post.stickied .title {
	color: #fff;
	background-color: transparent;
}
.theme-dark .post.stickied .title:visited {
	color: #fff;
}
.theme-dark .empty {
	color: #ddd;
}
.theme-dark .post .domain {
	color: #777;
}
.theme-dark .actions .removed {
	color: #9b3b3b;
}
.theme-dark .sidebar {
	background-color: transparent;
}
.theme-dark .post .title:visited {
	color: #7d7d7d;
}
.theme-dark .post .title,
.theme-dark .status-bar,
.theme-dark .more,
.theme-dark .module .body,
.theme-dark .form .create,
.theme-dark .footer,
.theme-dark .footer a,
.theme-dark .post-single .content :not([type='submit']):not([type='button']):not(a),
.theme-dark .page .content *,
.theme-dark .total,
.theme-dark .context,
.theme-dark .sidebar .mods p,
.theme-dark .sidebar .mods .flair,
.theme-dark .sidebar-notes,
.theme-dark .module .head,
.theme-dark .sidebar h3,
.theme-dark .popup .head,
.theme-dark .message,
.theme-dark .popup .inner,
.theme-dark .popup .close,
.theme-dark .comment .content,
.theme-dark .main-content h1,
.theme-dark .main-content h2,
.theme-dark .nav-profile,
.theme-dark .post-list .content,
.theme-dark .form input:not([type='submit']):not([type='button']),
.theme-dark .form textarea,
.theme-dark .form select,
.theme-dark .message.unread,
.theme-dark .form .status,
.theme-dark .preview-mode {
	color: #ddd;
}
.theme-dark .module {
	border: none;
}
.theme-dark .post .details,
.theme-dark .message .details,
.theme-dark .note .details,
.theme-dark .sort {
	color: #898988;
}
.theme-dark .details a.author,
.theme-dark .comment.reported .content a,
.theme-dark .context a,
.theme-dark .sidebar .mods a,
.theme-dark .nav-message a,
.theme-dark .actions .comments,
.theme-dark .post-single .content a {
	color: #1978b0;
}
.theme-dark .details .edited {
	color: #262626;
}
.theme-dark .actions a:not(.pill) {
	color: #b2b3b2;
}
.theme-dark .actions span:last-child {
	color: #900000;
}
.theme-dark .sidebar blockquote {
	color: #c1c1c1;
}
.theme-dark .module,
.theme-dark .status-bar,
.theme-dark .more,
.theme-dark .sidebar .mods,
.theme-dark .sidebar blockquote,
.theme-dark .popup .inner {
	background: #000d15;
}
.theme-dark .main-content {
	background: #000d15;
}
.theme-dark .form input:not([type='submit']):not([type='button']),
.theme-dark .form textarea,
.theme-dark .form select,
.theme-dark .message.unread {
	background: #00080c;
}
.theme-dark .post-list .content.text .inner {
	background: #001824 !important;
}
.theme-dark .form input:not([type='submit']),
.theme-dark .form textarea,
.theme-dark .form select,
.theme-dark .message.unread {
	border: none;
	box-shadow: none;
}
.theme-dark .settings a,
.theme-dark .settings li {
	color: #fff;
}
.theme-dark .comment {
	border: none;
}
.theme-dark .comment:not(.removed) .actions {
	margin-bottom: 5px;
}
.theme-dark .comment.reported .content * {
	color: #222;
}
.theme-dark .comment .child:nth-child(3) {
	margin-top: 5px;
}
.theme-dark .comment .details a[data-action='minimize'] {
	background-color: #001622;
}
.theme-dark .post .vote svg,
.theme-dark .post .vote-up-small svg,
.theme-dark .post .vote-down-small svg {
	color: #d8d8d8;
}
.theme-dark .module {
	box-shadow: none;
}
.theme-dark .module .head,
.theme-dark .sidebar h3,
.theme-dark .popup .head {
	border-bottom-color: #980000;
}
.theme-dark .module .head,
.theme-dark .sidebar h3 {
	color: #bdbdbd;
	background-color: #00080c;
}
.theme-dark .sidebar .module {
	border: 1px solid #000a10;
}
.theme-dark .more a:hover {
	color: #212648;
	border-color: #900000;
	background: #ddd;
}
.theme-dark .message.unread {
	background-color: #222;
}
.theme-dark .comment-parent .title {
	color: #369;
}
.theme-dark .single .tags input[type='checkbox'] + label {
	background-color: #000a10;
}
.theme-dark .single .tags input[type='checkbox']:checked + label {
	color: inherit;
	border: 1px solid #2f2f2f;
	background-color: #444;
}
.theme-dark .form.edit input[type='submit'],
.theme-dark .form.edit input[data-action='cancel'],
.theme-dark .form.reply input[type='submit'],
.theme-dark .form.reply input[data-action='cancel'] {
	padding: 6px 12px;
	color: #ccc;
	border: none;
	background-color: #00080c;
}

.theme-dark .new-member {
	color: #484848;
}
.theme-dark .save-category {
	color: #fff;
	border: 1px solid #111;
	background-color: #222;
}
.theme-dark .save-category.create input[type='text']::placeholder,
.theme-dark .save-category .rename-category input[type='text']::placeholder {
	color: #fff;
}
.theme-dark .save-category.create input[type='text'],
.theme-dark .save-category .rename-category input[type='text'] {
	background-color: transparent;
}
.theme-dark .empty.queue svg {
	color: #454545;
}
.theme-dark .mail-return,
.theme-dark .mail,
.theme-dark .mail .title,
.theme-dark .mail .preview,
.theme-dark #respond .reply,
.theme-dark .mail_container  .reply-button,
.theme-dark .mail-sort,
.theme-dark .mail-sort select {
	color: #fff;
	background-color: #3c3c3c;
}
.theme-dark #respond .reply-inner {
	background-color: #595959;
}
.theme-dark #respond .reply textarea {
	color: #fff;
}

.mobile-mail-indicator.unread:after {
	position: absolute;
	top: 10px;
	width: 2px;
	height: 2px;
	margin-left: -4px;
	padding: 2px;
	content: attr(data-unread);
	text-align: center;
	color: #fff;
	border-radius: 50%;
	background: #ce1940;
	font-size: 10px;
}

.mail-indicator.unread:after {
	position: absolute;
	top: 6px;
	width: 12px;
	height: 10px;
	margin-left: -8px;
	padding: 2px;;
	content: attr(data-unread);
	text-align: center;
	color: #fff;
	border-radius: 50%;
	background: #2e325f;
	font-size: 10px;
}


.comment-parent {
	width: 100%;
	margin-bottom: 6px;
	margin-left: 12px;
}

.comment-parent .title {
	color: #00f;
	font-size: 14px;
}

.comment-parent .by,
.comment-parent .in {
	color: #b7b7b7;
	font-size: 12px;
}

.comment-parent .author,
.comment-parent .community {
	color: #369;
	font-size: 12px;
	font-weight: 700;
}

.message-list a[data-action='minimize'] {
	display: none;
}

.tweet iframe {
	border: none !important;
	box-shadow: none !important;
}
[id^='twitter-widget-'] {
	display: initial !important;
}

.blur {
	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	-ms-filter: blur(2px);
	-o-filter: blur(2px);
	filter: blur(2px);
}

.new-member {
	color: #cacaca;
	font-size: 12px;
}

.full-screen-overlay {
	position: absolute;
	z-index: 9999;
	width: 100%;
	height: 100%;
	background-color: #fff;
}
.full-screen-inner {
	width: 264px;
	margin: 0 auto;
	margin-top: 72px;
}
.full-screen-inner-wide {
	width: 320px;
}
.theme-dark .full-screen-inner p {
	color: #c3c3c3;
}
.full-screen-inner p {
	margin-bottom: 10px;
	font-size: 14px;
}
.full-screen-title.fs-onboard {
	margin-bottom: 8px;
}
.full-screen-description {
	margin-bottom: 24px;
	text-align: center;
	color: #646464;
	font-size: 12px;
}
.full-screen-question {
	text-align: center;
	color: #484848;
	font-size: 20px;
	line-height: 26px;
}
.full-screen-buttons.fs-onboard {
	margin-top: 16px;
}
.full-screen-close {
	position: absolute;
	margin: 16px;
	color: #222;;
	font-size: 24px;
}
.theme-dark .full-screen-close {
	color: #fff;
}
.full-screen-icons {
	margin-bottom: 16px;
	text-align: center;
	color: #313131;
	font-size: 22px;
}
.theme-dark .full-screen-icons {
	color: #fff;
}
.full-screen-icons svg {
	margin-right: 8px;
}
@media only screen and (min-width: 973px) {
	.full-screen-overlay {
		top: 50%;
		left: 50%;
		width: 742px;
		height: 432px;
		margin: 0 auto;
		transform: translate(-50%, -50%);
		border-radius: 4px;
	}
	.full-screen-inner {
		position: fixed;
		top: 50%;
		left: 50%;
		margin-top: 0;
		transform: translate(-50%, -50%);
	}
}
.full-screen-title {
	margin-bottom: 28px;
	text-align: center;
	color: #222;
	font-size: 22px;
}
.full-screen-form {
	width: 100%;
}
.full-screen-body {
	margin-bottom: 20px;
	text-align: center;
	color: #8e8e8e;
	font-size: 14px;
}
.full-screen-point {
	margin-bottom: 8px;
}
.full-screen-point svg {
	margin-right: 8px;
	color: #d1d1d1;
}
.theme-dark .full-screen-body {
	color: #d9d9d9;
}
.theme-dark .full-screen-point svg {
	color: #4f4f4f;
}
.full-screen-form input[type='text'],
.full-screen-form input[type='email'],
.full-screen-form input[type='password'] {
	width: 242px;
	margin-bottom: 12px;
	padding: 10px;
	color: #424242;
	border: 1px solid #dfdfdf;
	border-radius: 4px;
	background-color: #f9f9f9;
	font-size: 15px;
}
.full-screen-buttons {
	margin-bottom: 16px;
}
.full-screen-button {
	display: inline-block;
	padding: 12px;
	cursor: pointer;
	color: #fff;
	border: none;
	border-radius: 4px;
	font-size: 14px;
}
.full-screen-button-other {
	width: 35%;
	margin-right: 3%;
	color: #515151;
	background-color: #dbdbdb;
}
.full-screen-button-main {
	width: 60%;
	background-color: #919191;
}
.full-screen-button-other:hover,
.full-screen-button-main:hover {
	color: #fff;
	background-color: #4f4f4f;
}
.full-screen-footer {
	margin-top: 4px;
}
.full-screen-footer p {
	text-align: center;
	color: #b3b3b3;
	font-size: 12px;
	line-height: 16px;
}
.full-screen-form input::placeholder {
	color: #000;
}
.full-screen-footer a {
	color: #777;
}
.theme-dark .full-screen-overlay {
	background-color: #00121c;
}
.theme-dark .full-screen-title {
	color: #fff;
}
.theme-dark .full-screen-form input {
	color: #fff;
	border: 1px solid #001d2d;
	background-color: #001926;
}
.theme-dark .full-screen-button-other {
	color: #fff;
	background-color: #001622;
}
.theme-dark .full-screen-button-main {
	background-color: #001b2a;
}
.theme-dark .full-screen-button-other:hover,
.theme-dark .full-screen-button-main:hover {
	color: #515151;
	background-color: #fff;
}
.theme-dark .full-screen-footer p {
	color: #fff;
}
.theme-dark .full-screen-form input::placeholder {
	color: #fff;
}
.full-screen-background {
	position: fixed;
	z-index: 99999;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
}
.full-screen-status {
	margin-top: 12px;
	margin-bottom: 24px;
	text-align: center;
	color: #393939;
	font-size: 14px;
}
.full-screen-success {
	color: #159f1e;
}
.full-screen-error {
	color: red;
}
.theme-dark .full-screen-status {
	color: #fff;
}

.revision {
	padding: 16px;
	border-bottom: 1px solid #e6e6e6;
	border-radius: 2px;
	background-color: #fff;
}
.theme-dark .revision {
	border-bottom: 1px solid #171717;
	background-color: #2b2b2b;
}
.revision-reason {
	font-size: 12px;
}
.revision:last-of-type {
	margin-bottom: 0;
}
.revision-text {
	padding: 8px 12px 8px 12px;
	font-size: 14px;
}
.theme-dark .revision-text,
.theme-dark .revision-reason {
	color: #c1c1c1;
}
.revision-time {
	float: right;
	text-transform: uppercase;
	color: #797979;
	font-size: 11px;
}
.revision-votes {
	color: #aaa;
	font-size: 12px;
}
.edit .reason input {
	width: 100%;
	padding: 6px 0;
	text-indent: 6px;
	border: 1px solid #ddd;
	border-radius: 4px;
}
.edit .reason p {
	margin: 0;
	color: #a2a2a2;
	font-size: 12px;
}

/*<span class="live-thread"><i class="fas fa-broadcast-tower"></i></span>*/
.live-thread {
	padding-right: 4px;
	padding-left: 4px;
	color: #c80000;
}
.live-explain {
	padding: 12px;
	color: #3e3e3e;
	font-size: 14px;
}
.theme-dark .live-explain {
	color: #d5d5d5;
}


.filter-bar {
	z-index: 9;
	min-width: 350px;
	height: 42px;
	border-bottom: 1px solid #eee;
	background-color: #fff;
	line-height: 42px;
}
.theme-dark  .filter-bar {
	border-bottom: 1px solid #001824;
	background-color: #001824;
}
.filter-bar {
	position: absolute;
	top: 131px;
	width: 100%;
}
.filter-bar-placeholder {
	width: 100%;
	height: 39px;
}
.filter-bar.filter-bar-active {
	position: fixed;
	top: 46px;
}
.filter-bar .filter-inner {
	margin-right: 16px;
	margin-left: 16px;
}
.filter-bar .listing-type {
	float: left;
	color: #727272;
	font-size: 12px;
}
.theme-dark .filter-bar .listing-type,
.theme-dark .filter-bar .filter-inner .filters {
	color: #dedede;
}
.filter-bar .listing-type svg {
	margin-right: 12px;
}
.filter-bar .listing-type select,
.sidebar .filter-inner select,
.filter-bar .filters select {
	padding-right: 24px;
	text-overflow: '';
	color: inherit;
	border: none;
	background-color: transparent;

	-moz-appearance: none;
	-webkit-appearance: none;
}
.filter-bar select:disabled,
.filter-inner select:disabled {
	background-color: inherit;
}
.filter-bar .filter-inner .filters {
	float: right;
	color: #727272;
	font-size: 12px;
}
.filter-bar .filter-inner .filters svg {
	margin-left: 8px;
}
.listing-custom-select svg {
	color: #9a9a9a;
}

.sidebar .filter-options {
	height: 42px;
	margin-bottom: 10px;
}
.sidebar .filter-inner {
	height: 100%;
	padding-right: 12px;
	padding-left: 12px;
	border-radius: 4px;
	background-color: #fff;
	border: 1px solid #f0f0f0;
	font-size: 12px;
	line-height: 42px;
}
.theme-dark .sidebar .filter-inner {
	background-color: #00090e;
	border: none;
}
.sidebar .timeframe {
	margin-right: 4px;
	color: #363636;
	font-weight: 600;
}
.theme-dark .sidebar .timeframe,
.theme-dark .sidebar .selected {
	color: #dedede;
}
.sidebar .timeframe svg {
	margin-right: 8px;
	color: #ccc;
}
.sidebar .selected {
	color: #575757;
}
.sidebar .selected svg {
	margin-left: -16px;
	pointer-events: none;
	color: #7f7f7f;
}
.filter-inner select::-ms-expand,
.filter-bar select::-ms-expand {
	display: none;
}
.theme-dark .filter-inner select option,
.theme-dark .filter-bar select option {
	background-color: #333;
}

.popup-select-background {
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
}
.popup-select {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 242px;
	transform: translate(-50%, -50%);
	border-radius: 4px;
	background-color: #fff;
}
.popup-select a:last-of-type {
	margin-bottom: 6px;
}
.popup-select .popup-select-check:last-of-type {
	margin-bottom: 0;
}
.popup-select-header {
	display: block;
	width: 100%;
	height: 44px;
	text-align: center;
	color: #595959;
	border-bottom: 1px solid #e7e7e7;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	font-size: 16px;
	font-weight: bold;
	line-height: 44px;
}
.popup-select a,
.popup-select .popup-select-check {
	display: block;
	width: 100%;
	height: 42px;
	color: #565656;
	line-height: 42px;
}
.theme-dark .popup-select .popup-select-check {
	color: #c1c1c1;
}
.popup-select-icon {
	display: inline-block;
	width: 48px;
	margin-left: 6px;
	text-align: center;
}
.popup-select svg {
	margin-right: 16px;
	margin-left: 16px;
	vertical-align: middle;
	color: #d4d4d4;
	font-size: 20px;
}
.popup-select-icon {
	text-align: center;
}
.popup-select-save {
	text-align: center;
	margin-bottom: 8px;
}
.popup-select-save input[type="submit"] {
	border: none;
	border-radius: 4px;
	width: 120px;
	padding: 8px;
}
.theme-dark .popup-select-save input[type="submit"] {
	background-color: rgba(0,0,0,0.3);
	color: #c1c1c1;
}
.listing-custom-select {
	padding: 6px 6px 6px 0;
}
.listing-custom-select svg {
	margin-left: 12px;
}
.theme-dark .popup-select {
	background-color: #001b2a;
}
.theme-dark .popup-select-header,
.theme-dark .popup-select a {
	color: #ddd;
}
.theme-dark .popup-select-icon svg {
	color: #737373;
}
.theme-dark .popup-select-header {
	border-bottom: 1px solid #001622;
}
.theme-switcher {
	position: absolute;
	right: 0;
	padding: 8px;
	color: rgba(255,255,255,0.4);
}
.theme-switcher svg {
	cursor: pointer;
}
.save-category .rename {
	float: right;
	margin-right: 8px;
	color: #ddd;
}
.save-category .rename:hover {
	color: #6a6a6a;
}
.theme-dark .save-category .rename {
	color: #484848;
}

.cookie-consent {
	position: fixed;
	z-index: 9999;
	bottom: 0;
	display: none;
	width: 100%;
	padding: 16px 0 16px 0;
	text-align: center;
	color: #5d5d5d;
	background-color: #fff;
	font-size: 12px;
}
.cookie-consent-inner {
	padding-right: 12px;
	padding-left: 12px;
}
.cookie-accept {
	margin-left: 12px;
	padding: 8px 16px;
	cursor: pointer;
	border-radius: 4px;
	background-color: #c3c3c3;
	color: #3a3a3a;
}
.cookie-accept-outer {
	margin-top: 16px;
	display: block;
}

.update-stylesheet textarea,
.update-sidebar textarea {
	height: 300px;
}

.theme-dark .config .moderator {
	color: #fff;
}
.config .moderator {
	margin-bottom: 8px;
	font-size: 14px;
}
.config .moderator .remove {
	float: right;
	margin-left: 12px;
	cursor: pointer;
	font-size: 12px;
}
.config .moderator .permissions {
	float: right;
	cursor: pointer;
	font-size: 12px;
}
.popup-permissions {
	text-align: center;
}
.popup .popup-permissions label {
	display: initial;
	margin: 8px;
}
.popup .popup-permissions input[type='submit'] {
	margin-top: 24px;
}
.popup .popup-permissions .permission {
	margin-bottom: 4px;
}
.mail .archive {
	float: right;
	color: #eaeaea;
}
.mail .moderator {
	color: #00ab00;
}
.message .body .details .author.official {
	color: green;
}
.nsfw label,
.nsfw #nsfw {
	vertical-align: middle;
}
.resources {
	max-width: 460px;
	margin-top: 32px;
}
.resources .delete-resource {
	cursor: pointer;
}
.resources input[type='file'] {
	margin-top: 6px;
}
.resources p {
	margin-bottom: 8px;
}
.theme-dark .resources {
	color: #fff;
}
.resources .gallery {
	display: table;
	width: 100%;
}
.resources .gallery .gallery-item {
	float: left;
}

.breakdown {
	margin-right: 6px;
	color: #d2d2d2;
}
.breakdown .positive {
	color: #9ed09e;
}
.breakdown .negative {
	color: #caa0a0;
}
.new-form input:not([hidden]),
.new-form label {
	display: block;
}
.new-form.new-form-center .form-item input[type='submit'] {
	display: initial;
	float: inherit;
}
.new-form .form-item {
	width: 100%;
	margin-bottom: 8px;
}
.new-form .form-item input,
.new-form .form-item textarea {
	width: 100%;
}
.new-form .form-item input,
.new-form .form-item textarea {
	width: calc(100% - 16px);
	padding: 8px;
	border: 1px solid #e6e6e6;
	border-radius: 4px;
	background-color: #fff;
	font-family: inherit;
}
.new-form .form-item input[type='submit'] {
	float: right;
	width: 100px;
}
.new-form .form-item.form-save {
	display: table;
}
.form-save .alt-save {
	margin-right: 6px;
}
.theme-dark .new-form .form-item input,
.theme-dark .new-form .form-item textarea {
	color: #fff;
	border: none;
	background-color: #00111b;
}
.wiki-footer {
	margin-top: 12px;
	color: #828282;
	font-size: 12px;
}
.update-community input[type='file'] {
	margin-bottom: 12px;
}
.post .author.moderator,
.comment .author.moderator {
	color: green !important;
}

/* regular */

.header .bar {
	display: none;
}
.brand-community-header-top {
	padding-top: 46px;
}
.brand-community-header-bottom {
	padding-bottom: 43px;
}
.brand-menu {
	display: none;
}
.brand-bar {
	position: fixed;
	z-index: 9999;
	width: 100%;
	min-width: 350px;
	height: 46px;
	color: #fff;
	background-color: #001b2a;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.25);
	font-size: 14px;
	line-height: 46px;
	user-select: none;
}
.brand-logged-icons {
	margin-right: 8px;
}
.brand-bar-inner {
	display: flex;
	justify-content: flex-start;
	padding: 0 16px;
}
.brand-menu {
	padding: 0 16px;
}
.brand-messages,
.brand-about {
	order: 1;
	padding-left: 6px;
	padding-right: 6px;
	font-size: 16px;
	width: 14px;
}
.brand-name {
	margin-left: 8px;
}
.brand-feed,
.subscribe-community {
	color: #a0a0a0;
}
.brand-icon {
	display: none;
	width: 26px;
	vertical-align: middle;
}
.brand-bar .subscribe-community {
	margin-left: 4px;
}
.brand-bar-background {
	width: 100%;
	height: 47px;
}

.brand-profile,
.brand-register {
	white-space: nowrap;
}

.brand-register {
	font-size: 14px;
	color: #cecece;
	order: 1;
	margin-left: auto;
}
.brand-register svg {
	font-size: 16px;
	margin-left: 6px;
	color: #fff;
}
.brand-register-text {
	padding: 6px 12px;
	margin-right: 6px;
	margin-left: 6px;
	border-radius: 4px;
	background-color: rgba(0,0,0,0.3);
}
.brand-desktop-dropdown,
.brand-desktop-community-dropdown {
	display: none;
}
.brand-desktop-community-dropdown-heading {
	text-transform: uppercase;
	font-weight: 500;
	font-size: 12px;
	margin-bottom: 12px;
	margin-top: 12px;
	padding: 0 4px;
}
.brand-desktop-community-dropdown-heading:first-of-type {
	margin-top: 4px;
}

.brand-desktop-dropdown-item img {
	width: 16px;
	height: 16px;
	border-radius: 1000px;
}

/* works on Firefox */
.theme-dark .brand-desktop-community-dropdown {
	scrollbar-width: thin;
	scrollbar-color: #001b2a #002437;
}

/* works on Chrome, Edge, and Safari */
.theme-dark .brand-desktop-community-dropdown::-webkit-scrollbar {
	width: 12px;
}

.theme-dark .brand-desktop-community-dropdown::-webkit-scrollbar-track {
	background: #002437;
}

.theme-dark .brand-desktop-community-dropdown::-webkit-scrollbar-thumb {
	background-color: #001b2a;
	border-radius: 20px;
	border: 3px solid #002437;
}

.open-sidebar-communities,
.open-sidebar-profile svg,
.menu-theme-toggle svg {
	cursor: pointer;
}

.content-management-bar {
	padding: 12px;
	font-size: 12px;
	border-radius: 4px;
	background-color: white;
	margin-bottom: 12px;
	box-shadow: 0 0 2.75px 0.25px rgb(0 0 0 / 2%)
}

/* desktop */

@media only screen and (min-width: 973px) {
	.header .bar {
		display: flex;
	}
	.brand-community-header-top,
	.brand-community-header-bottom {
		padding-top: 0;
		padding-bottom: 0;
	}
	.brand-bar,
	.brand-bar-background {
		display: none;
	}
	.brand-menu {
		display: block;
		height: 42px;
		line-height: 42px;
		background-color: #fff;
		padding-left: 16px;
		padding-right: 16px;
		margin-bottom: 12px;
		border-bottom: 1px solid #f0f0f0;
	}
	.theme-dark .brand-menu {
		color: #fff;
		background: rgb(0,27,42);
		background: linear-gradient(180deg, rgba(0,27,42,1) 0%, rgba(0,21,33,1) 100%);
		border-bottom: none;
	}
	.brand-left-most {
		order: 0;
	}
	.brand-right-most {
		order: 1;
	}
	.brand-desktop-sign-up,
    .brand-desktop-create-post,
    .brand-desktop-profile {
		margin-left: 12px;
		padding: 6px 12px;
		background-color: #005988;
		border-radius: 4px;
		font-weight: 500;
		cursor: pointer;
	}
	.brand-desktop-sign-in {
		color: #a5a5a5;
		margin-left: 12px;
	}
    .brand-desktop-profile {
        background-color: initial;
    }
	.brand-desktop-community-dropdown {
		position: absolute;
		left: 16px;
		top: 66px;
		width: 248px;
		background-color: #fff;
		border: 1px solid #ebebeb;
		color: #2a2a2a;
		font-size: 14px;
		border-radius: 4px;
		z-index: 999;
		max-height: 300px;
	}
	.brand-desktop-community-dropdown-inner {
		max-height: 300px;
		overflow-y: scroll;
		padding: 12px;
		box-sizing: border-box;
	}
    .brand-desktop-dropdown {
        position: absolute;
        right: 16px;
        top: 66px;
        width: 160px;
        background-color: #fff;
		border: 1px solid #ebebeb;
        padding: 12px;
        color: #2a2a2a;
        font-size: 14px;
        border-radius: 4px;
        z-index: 999;
    }
	.brand-desktop-dropdown:after, .brand-desktop-dropdown:before,
	.brand-desktop-community-dropdown:after, .brand-desktop-community-dropdown:before {
		bottom: 100%;
		left: 146px;
		border: solid transparent;
		content: "";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}

	.brand-desktop-community-dropdown:after, .brand-desktop-community-dropdown:before {
		left: 24px;
	}

	.brand-desktop-dropdown:after,
	.brand-desktop-community-dropdown:after {
		border-color: rgba(255, 255, 255, 0);
		border-bottom-color: #fff;
		border-width: 10px;
		margin-left: -10px;
	}
	.brand-desktop-dropdown:before,
	.brand-desktop-community-dropdown:before {
		border-color: rgba(235, 235, 235, 0);
		border-bottom-color: #ebebeb;
		border-width: 11px;
		margin-left: -11px;
	}

	.theme-dark .brand-desktop-dropdown:after,
	.theme-dark .brand-desktop-community-dropdown:after {
		border-color: rgba(235, 235, 235, 0);
		border-bottom-color: #001b2a;
	}

	.theme-dark .brand-desktop-dropdown:before,
	.theme-dark .brand-desktop-community-dropdown:before {
		border-color: rgba(235, 235, 235, 0);
		border-bottom-color: #002437;
	}

	.theme-dark .brand-desktop-dropdown,
	.theme-dark .brand-desktop-community-dropdown {
		background-color: #001b2a;
		border: 1px solid #002437;
		color: #fff;
	}
	.brand-desktop-dropdown-item {
        padding: 8px 8px 8px 0;
    }
    .brand-desktop-dropdown-item svg,
	.brand-desktop-dropdown-item img {
        margin-right: 8px;
		margin-left: 4px;
		width: 16px !important;
    }
    .brand-desktop-dropdown-separator {
        border-bottom: 1px solid #001a28;
    }
    .brand-desktop-profile svg:first-of-type {
        margin-right: 4px;
    }
    .brand-desktop-profile svg:last-of-type {
        margin-left: 4px;
    }
	.brand-search {
		flex-grow: 100;
		justify-content: center;
		align-items: center;
		padding: 0 16px;
	}
	.brand-search input[type="text"] {
		width: calc(100% - 32px);
		height: 36px;
		background-color: #001e2d;
		padding-left: 36px;
		font-family: inherit;
		color: #fff;
		border: none;
		border-radius: 4px;
		font-size: 13px;
	}
	.brand-search input[type="text"]::placeholder {
		color: #afafaf;
	}
	.brand-search label {
		position: absolute;
		padding: 0 12px;
	}
	.brand-logo {
		margin-left: 8px;
		margin-right: 24px;
	}
	.brand-subscriptions {
		padding: 0 16px 0 8px;
		cursor: pointer;
		width: 216px;
		display: flex;
		align-items: center;
	}
	.brand-subscriptions img {
		width: 20px;
		height: 20px;
		margin-top: -2px;
		border-radius: 1000px;
		vertical-align: middle;
	}
	.brand-subscriptions-icon {
		margin-right: 12px;
	}
	.brand-subscriptions-dropdown {
		margin-left: auto;
	}
	.brand-item {
		margin-right: 16px;
	}
	.brand-desktop-theme {
		margin-left: 12px;
		cursor: pointer;
	}
	.brand-desktop-item {
		margin: 0 12px;
	}
	.brand-desktop-item.unread:after {
		position: absolute;
		top: 16px;
		width: 2px;
		height: 2px;
		padding: 2px;
		content: attr(data-unread);
		text-align: center;
		color: #fff;
		border-radius: 50%;
		background: #ce1940;
		font-size: 10px;
	}
	.brand-menu {
		font-size: 15px;
		display: flex;
	}
	.brand-menu-left {
		margin-left: 8px;
	}
	.brand-menu-title {
		margin-right: 32px;
	}
	.brand-menu-item {
		margin-right: 24px;
		font-size: 13px;
	}
	.brand-menu-left .brand-menu-item {
		color: rgb(170, 170, 170);
	}
	.theme-dark .brand-menu-left .brand-menu-item {
		color: rgb(215, 215, 215);
	}
	.brand-menu-filter,
	.brand-menu-item.active,
	.brand-menu-left .brand-menu-item:hover,
	.brand-menu-item {
		color: rgb(21, 27, 33);
	}
	.theme-dark .brand-menu-filter,
	.theme-dark .brand-menu-item.active,
	.theme-dark .brand-menu-left .brand-menu-item:hover,
	.theme-dark .brand-menu-item {
		color: rgb(255, 255, 255)
	}
	.brand-menu-left .brand-menu-item.active,
	.brand-menu-left .brand-menu-item:hover {
		font-weight: 500;
	}
	.brand-menu-filter {
		margin-right: 24px;
	}
	.brand-menu-right {
		order: 1;
		margin-left: auto;
	}
	.brand-menu-subscribe {
		background-color: #349a00;
		padding: 6px 12px;
		border-radius: 4px;
		margin-left: 12px;
		color: #efefef;
		cursor: pointer;
	}
	.brand-menu-subscribe:hover {
		background-color: #3baf00;
	}
	.brand-menu-unsubscribe {
		background-color: #a72600;
		padding: 6px 12px;
		border-radius: 4px;
		margin-left: 12px;
		color: #efefef;
		cursor: pointer;
	}
	.brand-menu-unsubscribe:hover {
		background-color: #9a2300;
	}
	.brand-menu-flair {
		padding: 6px 12px;
		border-radius: 4px;
		color: #3c3c3c;
		margin-right: 16px;
	}
	.wrapper {
		padding-top: 0;
	}
	.filter-bar {
		top: 0;
	}
	.filter-bar-placeholder {
		display: none;
	}
	.cookie-accept-outer {
		display: initial;
	}
}

body {
	width: 100%;
	height: 100%;
}
.slideout-menu {
	position: fixed;
	z-index: 10001;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow-y: scroll;
	width: 300px;
	-webkit-overflow-scrolling: touch;
	height: calc(100% - 48px);
}
.menu-open #menu,
.menu-open .menu-footer {
	-webkit-transform: translate3D(0,0,0);
	-ms-transform: translate3D(0,0,0);
	transform: translate3D(0,0,0);
}
.menu-open #menu {
	-webkit-box-shadow: 0 0 48px rgb(0 0 0 / 50%);
	box-shadow: 0 0 48px rgb(0 0 0 / 50%);
}
#menu,
.menu-footer {
	display: none;
	transform: translate3D(-500px,0,0);,0,0);
	-webkit-transform: translate3D(-500px,0,0);
	-ms-transform: translate3D(-500px,0,0);
	-webkit-transition: visibility 1ms linear .2s,-webkit-transform .2s ease;
	-o-transition: transform .2s ease,visibility 1ms linear .2s;
	transition: transform .2s ease,visibility 1ms linear .2s;
	transition: transform .2s ease,visibility 1ms linear .2s;
}
.slideout-panel {
	position: relative;
	z-index: 1;
}

.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
	overflow: hidden;
}

.slideout-open .slideout-menu {
	display: block;
}
.menu {
	color: #fff;
	background-color: #001b2a;
}
.wrapper {
	box-shadow: 2px 50px 2px 3px rgba(0, 0, 0, 0.3);
}
.lock {
	overflow: hidden !important;
}
.menu-inner {
	padding: 24px;
}
.menu-section-category {
	margin-bottom: 12px;
	margin-top: 16px;
	color: #c1c1c1;
	font-size: 12px;
}
.menu-section-title {
	margin-bottom: 12px;
	font-size: 14px;
}
.menu-section-disabled {
	pointer-events: none;
}
.menu-section-separator {
	width: 300px;
	margin: 12px 0;
	margin-left: -24px;
	border-bottom: 1px solid #001723;
}
.menu-section-title svg {
	width: 15px !important;
	margin-right: 8px;
}
.menu-search {
	display: flex;
	justify-content: center;
	width: 264px;
	margin: 0 auto;
	margin-top: 16px;
}
.menu-search-icon {
	position: absolute;
	height: 39px;
	line-height: 39px;
	left: 32px;
}
.menu-search input {
	border: none;
	width: 210px;
	padding: 12px 12px 12px 42px;
	border-radius: 6px;
	background-color: #001723;
	color: #fff;
	font-size: 12px;
}
.menu-section-item {
	display: flex;
	align-items: center;
	padding-top: 8px;
	padding-bottom: 8px;
}
.menu-section-item-subscribe {
    cursor: pointer;
    font-size: 17px;
    color: #ffffff;
    padding: 3px 8px;
}
.menu-section-item-left,
.menu-section-item-right {
    display: flex;
    align-items: center;
}
.menu-section-item-right {
    margin-left: auto;
}
.menu-section-item-text {
	font-size: 14px;
	font-weight: 300;
}
.menu-section-item-logo {
	font-size: 20px;
	margin-right: 16px;
	width: 24px !important;
	text-align: center;
	color: #b5b5b5;
}
.menu-section-item-logo img {
	border-radius: 16px;
	width: 22px;
	height: 22px;
}
.menu-search form {
	width: 264px;
	height: 100%;
}
.menu-footer {
	position: fixed;
	bottom: 0;
	width: 300px;
	height: 48px;
	background-color: #041f2d;
	font-size: 14px;
	font-weight: 700;
	line-height: 48px;
	z-index: 10002;
	color: #ffffff;
}
.menu-footer-inner {
	padding-right: 16px;
	padding-left: 16px;
}
.menu-settings {
	float: left;
}
.menu-settings svg {
	margin-right: 6px;
}
.menu-theme-toggle {
	float: right;
}
.win-appeal {
	height: 78px;
	background-color: black;
	background-image: url('https://i.imgur.com/pvRw0cv.jpg');
	background-position: center;
	background-size: cover;
}
.win-appeal-inner {
	height: 100%;
	background-color: rgba(0,0,0,0.5);
}
.menu-register {
	padding-top: 16px;
	padding-bottom: 6px;
	text-align: center;
}
.menu-register-logged {
	font-size: 14px;
}
.menu-create {
	width: 100%;
	max-width: 168px;
	margin: 0 auto;
	text-align: center;
	border-radius: 4px;
	background-color: rgba(0,0,0,0.3);
	font-size: 12px;
	font-weight: bold;
}
.menu-create-link {
	display: block;
	padding: 8px 16px;
}
.menu-create-logged {
	max-width: 130px;
}

@media only screen and (max-width: 973px) {
	.default-communities {
		display: none;
	}
	.theme-dark .main-content {
		background: #00111b;
	}
	.filter-bar {
		top: 46px;
	}
	.mobile_guest, .mobile_user {
		border-bottom: 1px solid #f4f4f4;
		background: none;
	}
	.theme-dark .mobile_guest,
	.theme-dark .mobile_user {
		border-bottom: none;
	}
	.post .vote {
		margin: 0 6px;
		font-size: 22px;
	}
	.mobile_guest .actions a {
		margin-right: 10px;
	}
	.mobile_guest .thumb,
	.mobile_user .thumb {
		margin-right: 8px;
		margin-left: 8px;
		order: 1;
	}
	.post-list .mobile_guest .content,
	.post-list .mobile_user .content {
		order: 1;
	}
	.mobile_guest .default-thumbnail,
	.mobile_user .default-thumbnail {
		display: none;
	}
	.mobile_guest .domain,
	.mobile_user .domain {
		display: none;
	}
	.mobile_guest .flair,
	.mobile_user .flair {
		display: none;
	}
	.mobile_guest.post .body,
	.mobile_user.post .body {
		padding-left: 2px;
		padding-right: 2px;
	}
	.mobile_guest .details,
	.mobile_user .details {
		margin-bottom: 4px;
	}
	.mobile_guest .top,
	.mobile_user .top {
		margin-bottom: 2px;
	}
	.mobile_guest .actions {
		font-weight: normal;
	}
	.mobile_guest .new-vote {
		float: left;
		text-align: center;
		color: #c4c4c4;
		font-size: 13px;
		font-weight: normal;
	}
	.mobile_guest.new-comments,
	.mobile_user.new-comments {
		margin-right: 8px;
		margin-left: 12px;
		color: #c4c4c4;
		font-size: 13px;
	}
	.mobile_guest .actions a {
		color: #c4c4c4 !important;
		font-size: 12px !important;
	}
	.mobile_guest .new-demo {
		display: initial;
	}
	.mobile_guest .original {
		display: none;
	}
	.mobile_guest .share,
	.mobile_user .share {
		margin-top: 32px !important;
	}
	.mobile_guest .vote.vote-small {
		display: initial;
		float: left;
		margin: 0;
	}
	.vote-small .count {
		display: initial;
		text-align: initial;
	}
	.mobile_guest .new-score {
		display: initial;
		margin-right: 4px;
		margin-left: 4px;
		color: #c4c4c4;
		font-size: 13px;
	}
}

.default-communities {
	padding: 6px 12px;
	background-color: #2b2b2b;
}
.default-communities-title,
.default-communities-separator {
	font-size: 12px;
	color: #ccc;
}
.default-communities a {
	color: #696969;
	font-size: 12px;
	padding: 0 6px;
}
.default-communities-separator {
	padding: 0px 2px 0px 6px;
}
.default-communities a:hover {
	color: #ccc;
}
.theme-dark .default-communities {
	background-color: #000406;
}

.topics-config {
	font-size: 14px;
}
.topics-config .topics-config-heading {
	text-align: center;
	font-size: 15px;
}
.topics-config .desktop-topic {
	margin-bottom: 6px;
}
.topics-config .desktop-topic:last-of-type {
	margin-bottom: 0;
}
.topics-config-inner {
	margin-bottom: 12px;
	background-color: #fff;
	padding: 12px;
	border-radius: 4px;
	border: 1px solid #f0f0f0;
}
.theme-dark .topics-config-inner {
	background-color: #000d15;
	color: #c1c1c1;
	border: none;
}
.desktop-topic-save {
	text-align: center;
}
.desktop-topic-save input[type="submit"] {
	border: none;
	padding: 6px 16px;
	border-radius: 2px;
}
.theme-dark .desktop-topic-save input[type="submit"] {
	background-color: #00080c;
	color: #fff;
}
.liability {
	font-size: 12px;
}
.bullet-separator {
	font-size: 10px;
	color: #b9b9b9;
}
.highlighted-post-attribute {
	font-weight: 600;
}
.community-list a {
	color: inherit;
	text-decoration: none;
}

.sidebar-communities {
	background-color: #fff;
	padding: 16px;
	margin-bottom: 16px;
	border-radius: 4px;
	border: 1px solid #f0f0f0;
}
.sidebar-communities-title {
	font-weight: 300;
	font-size: 16px;
	padding-bottom: 16px;
}
.sidebar-communities-item {
	font-size: 14px;
	display: flex;
	align-items: center;
	padding-bottom: 8px;
	color: #1d1d1d;
}
.sidebar-communities-item img {
	width: 28px;
	height: 28px;
	border-radius: 50px;
	margin-right: 12px;
}
.sidebar-communities-item-left,
.sidebar-communities-item-right {
	display: flex;
	align-items: center;
}
.sidebar-communities-item-right {
	order: 1;
	margin-left: auto;
}
.sidebar-communities-subscribe {
	font-weight: 300;
	cursor: pointer;
	color: rgb(112, 118, 123);
}
.sidebar-communities-subscribe:hover {
	color: rgb(255, 190, 0);
}
.sidebar-communities-subscribe.active {
	color: rgb(255, 190, 0);
}
.theme-dark .sidebar-communities {
	background-color: #000d15;
	border: none;
}
.theme-dark .sidebar-communities-title {
	color: #dedede;
}
.theme-dark .sidebar-communities-item {
	color: #b1b1b1;
}
.menu-background {
	position: fixed;
	z-index: 10000;
	height: 100%;
	width: 100%;
	display: none;
	background-color: rgba(0,0,0,.2);
}
.single .form.submit-post .community,
.page .main-content .settings .update-preferences .community {
	margin-bottom: 0;
}

.suggest-community {
	position: relative;
	display: inline-block;
	margin-bottom: 10px;
	width: 100%;
}

.suggest-community-items {
	position: absolute;
	border: 1px solid #d4d4d4;
	border-bottom: none;
	border-top: none;
	z-index: 150;
	top: 100%;
	left: 0;
	right: 0;
	max-height: 132px;
	overflow-y: scroll;
}

.suggest-community-items div {
	padding: 10px;
	cursor: pointer;
	background-color: #fff;
	border-bottom: 1px solid #d4d4d4;
}

.theme-dark .suggest-community-items {
	border: 1px solid #000d15;
}

.theme-dark .suggest-community-items div {
	background-color: #000d15;
	border-bottom: 1px solid #00080c;
	color: #fff;
}

.theme-dark .suggest-community-items div:hover {
	background-color: #001421;
}

.suggest-community-items div:hover {
	background-color: #e9e9e9;
}

.suggest-community-active {
	background-color: #0878e5 !important;
	color: #ffffff;
}

.theme-dark .suggest-community-active {
	background-color: #001421 !important;
}

.politics_notice {
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 2.75px 0.25px rgb(0 0 0 / 4%);
    font-size: 21px;
    border-radius: 4px;
    margin-bottom: 12px;
    padding: 20px;
    box-sizing: border-box;
}
.politics_notice_title {
    margin-bottom: 8px;
}
.politics_notice_description {
    font-size: 16px;
    color: #2d2d2d;
    margin-bottom: 12px;
}
.politics_notice_buttons {
    display: flex;
    font-weight: 300;
}
.politics_notice_read_more {
    color: #b7b7b7;
    line-height: 29px;
    font-size: 15px;
}
.politics_notice_deny {
    color: #868686;
    margin-left: auto;
    padding: 10px 16px;
    border-radius: 4px;
    background-color: #dadada;
    font-size: 14px;
    margin-right: 8px;
	cursor: pointer;
}
.politics_notice_confirm {
    padding: 10px 16px;
    background-color: #009f00;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
	cursor: pointer;
}
.theme-dark .politics_notice {
	background-color: #000d15;
}
.theme-dark .politics_notice_title {
	color: #d9d9d9;
}
.theme-dark .politics_notice_description {
	color: #b7b7b7;
}
.theme-dark .politics_notice_read_more {
	color: #767676;
}
.theme-dark .politics_notice_deny {
	background-color: #001724;
}

@media only screen and (max-width: 972px) {
	.politics_notice {
		background-color: #f0f0f0;
		border-bottom: 1px solid #e2e2e2;
	}
	.theme-dark .politics_notice {
		border-bottom: none;
	}
	.politics_notice_title {
		font-size: 18px;
		font-weight: 300;
	}
	.politics_notice_description {
		font-size: 15px;
		font-weight: 300;
	}
	.politics_notice_read_more {
		width: 146px
	}
	.politics_notice_deny {
		padding: 8px 12px;
	}
	.politics_notice_confirm {
		padding: 8px 12px;
	}
}

.excerpt-title {
	margin-top: 4px;
	font-weight: 600;
}
.excerpt-description {
	margin-top: 8px;
	font-size: 13px;
}
.excerpt {
	background-color: initial;
	border: 1px solid #dddddd;
	border-radius: 6px;
}
a .excerpt {
	color: initial;
}
.theme-dark .excerpt {
	background-color: #00000026;
	border: none;
}
.excerpt-image {
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	width: 100%;
	height: 200px;
	flex-shrink: 0;
}
.excerpt-domain {
	margin-top: 8px;
	font-size: 13px;
	color: #70767b;
}
.theme-dark .excerpt-domain {
	color: rgba(255,255,255,.6);
}
.theme-dark .excerpt-title,
.theme-dark .excerpt-description {
	color: rgba(255,255,255,.87);
}
.excerpt-image img {
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	height: 200px;
	object-fit: cover;
	width: 100%;
}
.excerpt-text {
	padding: 12px;
}
.excerpt-footer {
	display: flex;
	align-items: center;
	padding-top: 12px;
}
@media only screen and (min-width: 1200px) {
	.excerpt {
		height: 172px;
		display: flex;
		flex-direction: row;
		background-color: initial;
	}
	.excerpt-text {
		display: flex;
		flex-direction: column;
	}
	.excerpt-title {
		margin-top: 0;
	}
	.excerpt-description {
		margin-top: 4px;
	}
	.excerpt-image, .excerpt-image img {
		width: 172px;
		min-width: 172px;
		height: 172px;
		border-top-right-radius: 0;
		border-bottom-left-radius: 6px;
	}
	.excerpt-footer {
		margin-top: auto;
		padding-top: 0;
	}

}

.pro-badge, .basic-pro-badge {
	padding: 2px 6px;
	font-weight: 500;
	border-radius: 2px;
	margin: 0 4px;
}
.pro-badge {
	background-color: #cdf2f7;
	color: #0a3c5e8c;
}
.theme-dark .pro-badge {
	background-color: #90f2ff2e;
	color: #cfcfcf8c;
}
.basic-pro-badge {
	background-color: #e8e8e8;
	color: #042c008c;
}
.theme-dark .basic-pro-badge {
	background-color: #9191911f;
	color: #b0b0b08c;
}

.content-award {
	color: rgb(220, 186, 0);
	font-size: 14px;
}

.view-more-sibling-comments,
.view-more-parent-comments {
	background-color: #f9f9f9;
	display: flex;
	margin: 12px 12px 12px 32px;
	padding: 12px 16px;
	border-radius: 4px;
	font-size: 14px;
	cursor: pointer;
}
.theme-dark .view-more-sibling-comments,
.theme-dark .view-more-parent-comments {
	background-color: #001622;
	color: #b7b7b7;
}

.sidebar-ads {
	background-color: white;
	padding: 8px;
	border-radius: 4px;
	margin-top: 12px;
	border: 1px solid #f0f0f0;
}
.sidebar-ad {
	display: flex;
	align-items: center;
	margin-bottom: 12px;
}
.sidebar-ads .sidebar-ad:last-of-type {
	margin-bottom: 0;
}
.sidebar-ad img {
	width: 64px;
	height: 64px;
	min-width: 64px;
	max-height: 64px;
	border-radius: 2px;
}
.sidebar-ad-text {
	padding-left: 8px;
}
.theme-dark .sidebar-ad-text {
	color: white;
}
.theme-dark .sidebar-ads {
	background-color: #000d15;
	border: none;
}
.sidebar-ad-text h2 {
	font-size: 14px;
	font-weight: 500;
}
.sidebar-ad-text p {
	font-size: 13px;
	color: #888686;
	padding-top: 4px;
}