/* arvo themes part */
/* base colors */
body.dark {
  --body-bg-color: hsl(40, 11%, 4%);
  --page-bg-color: rgb(31, 29, 25);
  --a-color: #a5adba; /*hsl(217, 13%, 69%);*/
  --a-color-hover: rgb(200, 181, 148);
  --text-color: rgb(246, 224, 185);
  --text-color-dim: rgb(200, 181, 148);
  --text-color-small: hsl(38, 32%, 60%);
  --text-color-small-dim: hsl(38, 32%, 40%);
  --post-odd-bg-color: hsl(38, 13%, 18%); /* rgb(64, 60, 51);*/
  --post-even-bg-color: var(--page-bg-color);
  --post-text-color: var(--text-color);
  --main-cat-bg-color: rgb(70, 70, 70);
  --main-cat-border-color: rgb(70, 70, 70);
  --sub-cat-bg-color: rgb(10, 10, 10);
  --block-bg-color: rgb(40, 40, 40);
  --block-bg-color-hover: var(--main-cat-bg-color);
  --list-even-bg-color: rgb(40, 40, 40);
  --list-odd-bg-color: rgb(15, 15, 15);
  --thread-icon-color: var(--text-color-dim);
  --thread-icon-new-color: var(--text-color);
  --thread-icon-bg-color: rgb(90, 90, 90);
  --thread-icon-new-bg-color: hsl(217, 13%, 40%);
  --notify-color: yellowgreen;
  --btn-color: var(--text-color-dim);
  --btn-bg-color: var(--main-cat-bg-color);
  --btn-pri-color: var(--thread-icon-new-color);
  --btn-pri-bg-color: var(--thread-icon-new-bg-color);
  --btn-color-hover: var(--text-color);
  --btn-bg-color-hover: var(--thread-icon-bg-color);
  --btn-pri-color-hover: var(--thread-icon-new-color);
  --btn-pri-bg-color-hover: hsl(217, 13%, 50%);
  --quote-text-color: var(--text-color-dim);
  --quote-bg-color: hsl(38, 7%, 24%);
  --quote-border-color: var(--text-color-dim);
  --code-bg-color: var(--main-cat-bg-color);
  --code-text-color: #f9f2f4;
}

body.dark {
  background-color: var(--body-bg-color) !important;
}
body.dark a {
  color: var(--a-color) !important;
}
body.dark a:focus, body.dark a:active, body.dark a:hover {
  color: var(--a-color-hover) !important;
}

/* darkb? */
body.dark .popmenu a {
  color: black !important;
}
body.dark .popmenu a:hover {
  color: darkred !important;
}
body.dark nav.navbar {
  background-color: var(--main-cat-bg-color) !important;
}

body.dark .threads-list-item-col-last-poster img {
  filter: grayscale(40%) !important;
}
body.dark .list-group .list-group-item:hover .threads-list-item-col-last-poster img {
  filter: none !important;
}

body.dark .threads-list-category-label.threads-list-category-label-color, body.dark .threads-list-category-label.threads-list-category-label-color:active, 
body.dark .threads-list-category-label.threads-list-category-label-color:focus, body.dark .threads-list-category-label.threads-list-category-label-color:hover, 
body.dark .threads-list-category-label.threads-list-category-label-color:link, body.dark .threads-list-category-label.threads-list-category-label-color:visited {
  color: var(--label-color, var(--text-color)) !important;
  background-color: var(--block-bg-color) !important;
  border: 1px solid var(--label-color, var(--text-color-dim)) !important;
  filter: saturate(70%) !important;
}
body.dark .list-group .list-group-item:hover .threads-list-category-label.threads-list-category-label-color {
  filter: none !important;
}

/* darkb end*/

body.dark .dropdown-menu>li>.btn-link, body.dark .dropdown-menu>li>a, body.dark .modal-menu>li>.btn-link, body.dark .modal-menu>li>a {
  color: #172b4d !important;
}
body.dark #categories-mount li.list-group-item {
  background: var(--sub-cat-bg-color) !important;
}
body.dark #categories-mount li.list-group-item-first {
  background: var(--block-bg-color) !important;
}

/*
  #page-mount {
  background-attachment: fixed !important;
  background-position: center !important;
  background-size: contain !important;
}
*/

body.dark .page-header {
  border-bottom: 1px solid var(--main-cat-bg-color) !important;
}
body.dark #styleSwitch {
  color: var(--btn-pri-color) !important;
  background-color: var(--btn-pri-bg-color) !important;
}

body.dark .navbar-default .navbar-brand {
  color: var(--text-color-dim) !important;
}
body.dark .navbar-default .navbar-brand:focus, body.dark .navbar-default .navbar-brand:hover {
  color: var(--text-color) !important;
}
body.dark .navbar-default .navbar-nav>li>a {
  color: var(--text-color-dim) !important;
}
body.dark .navbar-default .navbar-nav>li>a:hover, body.dark .navbar-default .navbar-nav>li>a:focus, body.dark .navbar-default .navbar-nav>li>a:active {
  color: var(--text-color) !important;
}

  /* categories */
body.dark .category-main .media-heading a, body.dark .category-main .media-heading a:link, body.dark .category-main .media-heading a:visited {
  color: var(--text-color) !important;
}

  /* buttons */
body.dark .btn-default:focus, body.dark .btn-default:hover,
body.dark .btn-default.btn-outline:focus, body.dark .btn-default.btn-outline:hover {
  color: var(--btn-color-hover) !important;
  background: var(--btn-bg-color-hover) !important;
  border: 1px solid var(--btn-bg-color-hover) !important;
}
body.dark .btn-default,
body.dark .btn-default.btn-outline, body.dark .btn-default.btn-outline.disabled, body.dark .btn-default.btn-outline.disabled:active, 
body.dark .btn-default.btn-outline.disabled:hover, body.dark .btn-default.btn-outline:disabled, body.dark .btn-default.btn-outline:disabled:hover {
  color: var(--btn-color) !important;
  background: var(--btn-bg-color) !important;
  border: 1px solid var(--btn-bg-color) !important;
}
body.dark .btn-primary.btn-outline:focus, body.dark .btn-primary.btn-outline:active, body.dark .btn-primary.btn-outline:hover {
  color: var(--btn-pri-color-hover) !important;
  background: var(--btn-pri-bg-color-hover) !important;
  border: 1px solid var(--btn-pri-bg-color-hover) !important;
}
body.dark .btn-primary, body.dark .btn-primary.disabled, body.dark .btn-primary.disabled:active, body.dark .btn-primary.disabled:hover,
body.dark .btn-primary:disabled, body.dark .btn-primary:disabled:hover {
  color: var(--btn-pri-color) !important;
  background: var(--btn-pri-bg-color) !important;
  border: 1px solid var(--btn-pri-bg-color) !important;
}
body.dark .btn-primary.btn-outline, body.dark .btn-primary.btn-outline.disabled, body.dark .btn-primary.btn-outline.disabled:active, 
body.dark .btn-primary.btn-outline.disabled:hover, body.dark .btn-primary.btn-outline:disabled, body.dark .btn-primary.btn-outline:disabled:hover {
  color: var(--btn-pri-color) !important;
  background: var(--btn-pri-bg-color) !important;
  border: 1px solid var(--btn-pri-bg-color) !important;
}

  /* next two dark only! */
body.dark button.btn.btn.btn-primary.btn-outline.btn-block {
  border-color: var(--btn-pri-bg-color) !important;
  background: var(--btn-pri-bg-color) !important;
}
body.dark button.btn.btn.btn-primary.btn-outline.btn-block:hover, body.dark button.btn.btn.btn-primary.btn-outline.btn-block:active {
  background: var(--btn-pri-bg-color-hover) !important;
  border: 1px solid var(--btn-pri-bg-color-hover) !important;
}

  /* active posters list */
body.dark .active-posters-list .list-group-item:nth-child(2n) {
  background-color: var(--list-odd-bg-color) !important;
}
body.dark .active-posters-list .list-group-item:nth-child(2n-1) {
  background-color: var(--list-even-bg-color) !important;
}
body.dark .nav-pills>li>a, body.dark .nav-pills>li>a:link, body.dark .nav-pills>li>a:visited {
  background-color: #ebecf0 !important;
  color: #344563 !important;
}
body.dark .nav-pills>li.active>a, body.dark .nav-pills>li.active>a:active, body.dark .nav-pills>li.active>a:focus, body.dark .nav-pills>li.active>a:hover, 
body.dark .nav-pills>li.active>a:link, body.dark .nav-pills>li.active>a:visited {
  background-color: #344563 !important;
  color: #fff !important;
}
body.dark .user-card-username a, body.dark .user-card-username a:active, body.dark .user-card-username a:focus, body.dark .user-card-username a:hover, 
body.dark .user-card-username a:link, body.dark .user-card-username a:visited {
  color: #172b4d !important;
}
body.dark .user-card-primary .user-card-title, body.dark .user-card-primary .user-card-title a.user-title, body.dark .user-card-primary .user-card-title a.user-title:active, 
body.dark .user-card-primary .user-card-title a.user-title:focus, body.dark .user-card-primary .user-card-title a.user-title:hover, body.dark .user-card-primary .user-card-title a.user-title:link, 
body.dark .user-card-primary .user-card-title a.user-title:visited {
  color: #6366f1 !important;
}
body.dark .active-posters small {
  color: var(--text-color-small) !important;
}
body.dark .active-posters .user-details {
  color: var(--text-color-small) !important;
}
body.dark .active-posters .user-details span.rank-name {
  color: var(--text-color-small) !important;
}
body.dark .active-posters .user-details a.rank-name, body.dark .active-posters .user-details a.rank-name:link, body.dark .active-posters .user-details a.rank-name:visited {
  color: var(--text-color-small) !important;
}
body.dark .list-group .list-group-rank-primary a.rank-name, body.dark .list-group .list-group-rank-primary a.rank-name:active, body.dark .list-group .list-group-rank-primary a.rank-name:focus, 
body.dark .list-group .list-group-rank-primary a.rank-name:hover, body.dark .list-group .list-group-rank-primary a.rank-name:link, body.dark .list-group .list-group-rank-primary a.rank-name:visited, 
body.dark .list-group .list-group-rank-primary span.rank-name {
  color: var(--notify-color) !important;
}
body.dark .participant-card .btn-user {
  border: 0 !important;
}

  /* threads lists */
body.dark .dark li.list-group-item:nth-child(2n+1) {
  /*undo default.css*/
  background-color: var(--list-even-bg-color) !important;
}
body.dark .threads-list-update-prompt-btn {
  color: var(--notify-color) !important;
  background-color: var(--list-even-bg-color) !important;
}
body.dark .threads-list-update-prompt-btn:focus, body.dark .threads-list-update-prompt-btn:hover {
  color: var(--notify-color) !important;
  background-color: var(--main-cat-bg-color) !important;
}
body.dark .threads-list .list-group-item:nth-child(2n) {
  background-color: var(--list-odd-bg-color) !important;
}
body.dark .threads-list .list-group-item:nth-child(2n-1) {
  background-color: var(--list-even-bg-color) !important;
}

body.dark a.threads-list-item-title:active, body.dark a.threads-list-item-title:focus, body.dark a.threads-list-item-title:hover, 
body.dark a.threads-list-item-title:link, body.dark a.threads-list-item-title:visited {
  color: var(--text-color) !important;
}
body.dark .threads-list-icon:active, body.dark .threads-list-icon:focus, body.dark .threads-list-icon:hover, 
body.dark .threads-list-icon:link, body.dark .threads-list-icon:visited {
  color: var(--thread-icon-color) !important;
  background-color: var(--thread-icon-bg-color) !important;
  text-decoration: none !important;
}
body.dark .threads-list-icon-new:active, body.dark .threads-list-icon-new:focus, body.dark .threads-list-icon-new:hover, 
body.dark .threads-list-icon-new:link, body.dark .threads-list-icon-new:visited {
  color: var(--thread-icon-new-color) !important;
  background-color: var(--thread-icon-new-bg-color) !important;
  text-decoration: none !important;
}

body.dark .threads-list-item-col-last-activity a:active, body.dark .threads-list-item-col-last-activity a:focus, body.dark .threads-list-item-col-last-activity a:hover, 
body.dark .threads-list-item-col-last-activity a:link, body.dark .threads-list-item-col-last-activity a:visited {
  color: var(--text-color-small) !important;
}
body.dark .threads-replies {
  color: var(--text-color-small) !important;
}

  /* post pages */

body.dark ul.posts-list li:nth-child(odd) .panel-post {
  background-color: var(--post-odd-bg-color) !important;
}
body.dark ul.posts-list li:nth-child(even) .panel-post {
  background-color: var(--post-even-bg-color) !important;
}
body.dark ul.posts-list li .panel-content {
  color: var(--post-text-color) !important;
 }
body.dark .text-muted {
  color: var(--text-color-small) !important;
}
body.dark .post-heading .label-unread {
  background-color: var(--btn-pri-bg-color) !important;
}
body.dark .user-status.user-offline .status-icon {
  color: var(--text-color-small) !important;
}
body.dark .post-side {
  color: var(--text-color-small) !important;
}
body.dark .post-heading>.btn-link, body.dark .post-heading>.btn-link:link, body.dark .post-heading>.btn-link:visited {
  color: var(--text-color-small) !important;
}
body.dark .post-heading>.btn-link:active, body.dark .post-heading>.btn-link:focus, body.dark .post-heading>.btn-link:focus:active, body.dark .post-heading>.btn-link:hover {
  text-decoration: none !important;
  color: var(--text-color) !important;
}
body.dark .post-attachments {
  background-color: var(--quote-bg-color) !important;
  border: 1px solid var(--text-color-small-dim) !important;
}
body.dark .post-footer>.btn-link, body.dark .post-footer>.btn-link:link, body.dark .post-footer>.btn-link:visited {
  color: var(--text-color-small-dim) !important;
}
body.dark .post-footer>.btn-link:active, body.dark .post-footer>.btn-link:focus, body.dark .post-footer>.btn-link:focus:active, body.dark .post-footer>.btn-link:hover {
  color: var(--text-color-dim) !important;
}
body.dark .post-attachments .post-attachment-description {
  color: var(--text-color-small) !important;
}
body.dark a .exifOverlay {
  color: var(--text-color-dim) !important;
}
body.dark .misago-markup .quote-heading {
  font-weight: normal !important;
  color: var(--text-color-small) !important;
}
body.dark .misago-markup .quote-heading a {
  color: var(--text-color-dim) !important;
  font-weight: 700 !important;
}
body.dark .misago-markup .quote-block, body.dark .misago-markup blockquote {
  border-left: 3px solid var(--quote-border-color) !important;
  color: var(--quote-text-color) !important;
  background-color: var(--quote-bg-color) !important;
}
body.dark .misago-markup .quote-body>.quote-block, body.dark .misago-markup .quote-body>blockquote, 
body.dark .misago-markup blockquote>.quote-block, body.dark .misago-markup blockquote>blockquote {
  border: 1px solid var(--quote-border-color) !important;
  border-left-width: 3px !important;
}
body.dark .breadcrumbs-item a:active {
  color: var(--text-color-dim) !important;
}
body.dark .breadcrumbs-item a:focus, body.dark .breadcrumbs-item a:hover {
  color: var(--text-color-dim) !important;
}
body.dark .breadcrumbs-item a, body.dark .breadcrumbs-item a:visited {
  color: var(--text-color-small) !important;
}
body.dark .breadcrumbs-item a:focus .breadcrumbs-item-name, body.dark .breadcrumbs-item a:hover .breadcrumbs-item-name {
  color: var(--text-color-dim) !important;
}

body.dark .post-primary .user-title, body.dark .post-primary .user-title a, body.dark .post-primary .user-title a:active, body.dark .post-primary .user-title a:focus, body.dark .post-primary .user-title a:hover, body.dark .post-primary .user-title a:link, body.dark .post-primary .user-title a:visited {
  color: var(--notify-color) !important;
}
body.dark .post-side .user-title, body.dark .post-side .user-title a, body.dark .post-side .user-title a:active, body.dark .post-side .user-title a:focus, body.dark .post-side .user-title a:hover, body.dark .post-side .user-title a:link, body.dark .post-side .user-title a:visited {
  color: var(--text-color-small) !important;
}
body.dark .panel-poll .poll-details {
  color: var(--text-color-small) !important;
}
body.dark .panel-poll {
  background-color: var(--quote-bg-color) !important;
  border: 1px solid var(--text-color-small-dim) !important;
}
body.dark .panel .panel-footer, body.dark .panel .panel-heading {
  background-color: var(--post-odd-bg-color) !important;
}
body.dark .panel-footer {
  border-top: 1px solid var(--text-color-small-dim) !important;
}
body.dark .panel-poll {
  border: none !important;
  background-color: var(--post-even-bg-color) !important;
}
body.dark .panel-footer {
  border-top: none !important;
}
body.dark .poll-select-choice .btn {
  color: var(--text-color) !important;
}
body.dark .poll-select-choice .btn:active, body.dark .poll-select-choice .btn:focus, body.dark .poll-select-choice .btn:hover {
  color: var(--text-color-dim) !important;
}
body.dark .poll-select-choice .btn .material-icon {
  color: var(--text-color-small-dim) !important;
}
body.dark .poll-select-choice .btn.btn-selected .material-icon {
  color: var(--thread-icon-new-bg-color) !important;
}
body.dark .poll-help {
  color: var(--text-color-small) !important;
}
body.dark #misago-container .event-body {
  border-left: 5px solid red !important;
  background-color: var(--text-color-small-dim) !important;
  color: var(--text-color-dim) !important;
}
body.dark .posts-list .event-info .btn-link, body.dark .posts-list .event-info a, body.dark .posts-list .event-info a:link, body.dark .posts-list .event-info a:visited {
  color: var(--text-color-small) !important;
}
body.dark .posts-list .event-info .btn-link:active, body.dark .posts-list .event-info .btn-link:focus, body.dark .posts-list .event-info .btn-link:focus:active, body.dark .posts-list .event-info a:active, body.dark .posts-list .event-info a:focus, body.dark .posts-list .event-info a:focus:active {
  color: var(--text-color-dim) !important;
}
body.dark .toolbar-item h3, body.dark .toolbar-item p {
  color: var(--text-color-small) !important;
}

body.dark code {
  background-color: var(--code-bg-color) !important;
  color: var(--code-text-color) !important;
}
body.dark .panel-participants {
  background-color: var(--post-odd-bg-color) !important;
  border: none !important;
}
body.dark .panel-participants p {
  color: var(--text-color-small) !important;
}

  /* footer */
body.dark #misago-container {
  background-color: var(--body-bg-color)
}

body.dark .misago-footer {
  color: var(--text-color-dim) !important;
  background-color: var(--block-bg-color) !important;
}
body.dark .misago-footer .footer-content a, body.dark .misago-footer .footer-content a:link, body.dark .misago-footer .footer-content a:visited, body.dark .site-footnote {
  color: var(--text-color-dim) !important;
}


  /* various secondary elements */
body.dark .page-header-details, body.dark .category-description, ul.category-stats, li.category-last-thread-date a, a.navbar-icon .material-icon {
  color: var(--text-color-dim) !important;
}

  /* main categories */
body.dark .list-group .list-group-item:first-child {
  border-top-color: var(--main-cat-border-color) !important;
}
body.dark .list-group-item-first {
  background-color: var(--main-cat-bg-color) !important;
}
body.dark .list-group-item-first h4 a {
  font-weight: bold !important;
}
body.dark .list-group .list-group-item:last-child {
  border-bottom-color: var(--main-cat-border-color) !important;
}
body.dark .list-group .list-group-item {
  border-left-color: var(--main-cat-border-color) !important;
  border-right-color: var(--main-cat-border-color) !important;
}

  /* fix default.css */
body.dark .list-group-item {
  border: 1px solid var(--main-cat-border-color) !important;
}
body.dark .list-group .list-group-item {
  border-left-color: var(--main-cat-border-color) !important;
  border-right-color: var(--main-cat-border-color) !important;
}
body.dark .list-group .list-group-item:first-child {
  border-top-color: var(--main-cat-border-color) !important;
}

/*
  body.night .list-group-item {
  border-color: var(--main-cat-border-color) !important;
}
*/
body.dark .category-last-thread img {
  border-radius: 4px !important;
  width: 32px !important;
  height: 32px !important;
}

body.dark .category-last-thread img {
  filter: grayscale(40%) !important;
}
body.dark .list-group-item:hover .category-last-thread img {
  filter: none !important; /*saturate(100%) !important;*/
}

body.dark .item-title, body.darkb a.item-title:active, body.darkb a.item-title:hover, body.darkb a.item-title:link, body.darkb a.item-title:visited {
  color: var(--text-color-dim) !important;
}
body.dark .category-last-thread .list-inline .item-title:active, body.dark .category-last-thread .list-inline .item-title:focus, body.dark .category-last-thread .list-inline .item-title:hover {
  color: var(--text-color-small) !important;
}
body.dark .category-last-thread .list-inline .item-title, body.dark .category-last-thread .list-inline .item-title:link, body.dark .category-last-thread .list-inline .item-title:visited, body.dark .category-last-thread .list-inline a:active, body.dark .category-last-thread .list-inline a:focus, body.dark .category-last-thread .list-inline a:hover {
  color: var(--text-color-small) !important;
}
body.dark .category-last-thread .list-inline {
  color: var(--text-color-small) !important;
}
body.dark .category-last-thread .list-inline a, body.dark .category-last-thread .list-inline a:link, body.dark .category-last-thread .list-inline a:visited {
  color: var(--text-color-small) !important;
}

  /* forum "blocks" size, spacing, color and font */
body.dark .row.subcategories-list .btn {
/*  
  margin-top: 7px !important;
  font-size: 0.93em !important;
*/
  background-color: var(--block-bg-color) !important;
}
body.dark .row.subcategories-list .btn:hover {
  background-color: var(--block-bg-color-hover) !important;
}
/*
body.dark .row.subcategories-list .btn .material-icon {
  margin-right: 6px !important;
}
body.dark span.icon-text {
  max-width: calc(100% - 12px) !important;
  display: inline-block !important;
  text-overflow: ellipsis !important;
  overflow-x: clip !important;
}
*/

body.dark .row.subcategories-list .btn {
  color: var(--text-color-small) !important;
  border-color: var(--main-cat-bg-color) !important;
}


/* coloured categories by category order */
/* not used in latest versions */
/*
body {
  --c1-color: brown;
  --c2-color: steelblue;
  --c3-color: olivedrab;
  --c4-color: slateblue;
  --c5-color: peru;
  --c6-color: dimgray;
  --c1-color-sml: var(--c1-color);
  --c2-color-sml: var(--c2-color);
  --c3-color-sml: var(--c3-color);
  --c4-color-sml: var(--c4-color);
  --c5-color-sml: var(--c5-color);
  --c6-color-sml: var(--c6-color);
}

div.categories-list ul:nth-of-type(1) {
	--cat-color: var(--c1-color);
	--cat-color-sml: var(--c1-color-sml);
}
div.categories-list ul:nth-of-type(2) {
	--cat-color: var(--c2-color);
	--cat-color-sml: var(--c2-color-sml);
}
div.categories-list ul:nth-of-type(3) {
	--cat-color: var(--c3-color);
	--cat-color-sml: var(--c3-color-sml);
}
div.categories-list ul:nth-of-type(4) {
	--cat-color: var(--c4-color);
	--cat-color-sml: var(--c4-color-sml);
}
div.categories-list ul:nth-of-type(5) {
	--cat-color: var(--c5-color);
	--cat-color-sml: var(--c5-color-sml);
}
div.categories-list ul:nth-of-type(6) {
	--cat-color: var(--c6-color);
	--cat-color-sml: var(--c6-color-sml);
}
*/

/* uncomment to uncolor block icons */
/*
body.darkb div.categories-list ul .btn .material-icon {
  --cat-color-sml: var(--text-color);
}
*/

body.dark {
  --c1-color: brown;
  --c1-color-sml: var(--c1-color);
}

body.dark div.categories-list ul {
  --cat-color: var(--c1-color);
  --cat-color-sml: var(--c1-color-sml);
}

body.dark div.categories-list ul .btn .material-icon {
  color: var(--cat-color-sml) !important;
}
body.dark div.categories-list ul .category-main .media-left .read-status.item-new {
  background-color: var(--cat-color) !important;
}

body.dark .category-main .media-left .read-status {
  background-color: var(--thread-icon-bg-color) !important;
  box-shadow:inset 0px 0px 0px 0.3px var(--cat-color) !important;
}

body.dark .category-main .media-left .material-icon {
  color: var(--text-color) !important;
}
body.dark div.poll-choices-bars {
    color: var(--post-text-color);
}
body.dark div.panel-poll h2 {
    color: var(--post-text-color);
}