:root {
  --guest-color: #fff;
  --unc-color: #C4AA8C;
  --writer-color: #DEA663;
  --pending-color: #9D9D9D;
  --banned-color: #FF0000;
  --inactive-color: #BBBBBB;
  --shelved-color: #C4AA8C;
  --npc-color: #4E535B;
  --human-color: #40538B;
  --witch-color: #54426B;
  --vampyre-color: #8F180C;
  --daemon-color: #226272;
}



.group-display { margin-top: 5px; font-size: 12px; width: auto; padding: 10px; display: inline-block; border-radius: 4px;}


/* header name styles */
.group-1, .g1-guest { color: var(--guest-color)!important; }
.group-2, .g2-unc { color: var(--unc-color)!important; }
.group-3, .group-4, .group-6, .group-15, .g-writer { color: var(--writer-color)!important; }
.group-5, .g5-pending { color: var(--pending-color)!important; }
.group-7, .g7-banned { color: var(--banned-color)!important; }
.group-8, .g8-inactive { color: var(--inactive-color)!important; }
.group-9, .g9-shelved { color: var(--shelved-color)!important; }
.group-10, .g10-npc { color: var(--npc-color)!important; }
.group-11, .g11-human { color: var(--human-color)!important; }
.group-12, .g12-witch { color: var(--witch-color)!important; }
.group-13, .g13-vampyre { color: var(--vampyre-color)!important; }
.group-14, .g14-daemon { color: var(--daemon-color)!important; }

.g5-pending, .g9-shelved { font-style: italic; }
.g7-banned, .g8-inactive, .g9-shelved { text-decoration: line-through; }

/* Post bold style */
.post_body { color: var(--text-color)!important; }
.group-1 .mycode_b { color: var(--guest-color)!important; }
.group-2 .mycode_b { color: var(--unc-color)!important; }
.group-3 .mycode_b, .group-4 .mycode_b, .group-6 .mycode_b, .group-15 .mycode_b { color: var(--writer-color)!important; }
.group-5 .mycode_b { color: var(--pending-color)!important; }
.group-7 .mycode_b { color: var(--banned-color)!important; }
.group-8 .mycode_b { color: var(--inactive-color)!important; }
.group-9 .mycode_b { color: var(--shelved-color)!important; }
.group-10 .mycode_b { color: var(--npc-color)!important; }
.group-11 .mycode_b { color: var(--human-color)!important; }
.group-12 .mycode_b { color: var(--witch-color)!important; }
.group-13 .mycode_b { color: var(--vampyre-color)!important; }
.group-14 .mycode_b { color: var(--daemon-color)!important; }