.usergroup {
  font-family: 'My Soul', cursive;
  font-size: 115% !important;
  letter-spacing: 2px;
}

.usergroup:hover {
  font-style: italic;
}

.userg_candidate {
  color: transparent;
  background-image: var(--user-candidate-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  font-family: 'My Soul', cursive;
  font-size: 115% !important;
  letter-spacing: 2px;
}
.userg_candidate:hover {
  font-style: italic;
}

.userg_hold       { color: var(--user-hold); }
.userg_hall       { color: var(--user-hall); }
.userg_weyr       { color: var(--user-weyr); }
.userg_dgreen     { color: var(--user-dgreen); }
.userg_dblue      { color: var(--user-dblue); }
.userg_dbrown     { color: var(--user-dbrown); }
.userg_dbronze    { color: var(--user-dbronze); }
.userg_dgold      { color: var(--user-dgold); }
.userg_deceased   { color: var(--user-deceased); font-family: 'Permanent Marker'; }
.userg_adoptable  { color: var(--user-adoptable); font-weight: bold; }

.userg_pending {
  color: var(--user-pending);
  font-family: 'Vibes', cursive;
  text-transform: uppercase;
  font-size: 105% !important;
  font-style: italic;
}
.userg_pending:hover {
  color: var(--user-pending-hover);
  text-shadow: 0 0 10px #536b00;
}

.userg_player,
.userg_mod,
.userg_admin {
  font-family: 'Vibes', cursive;
  text-transform: uppercase;
  font-size: 105% !important;
  font-weight: bold;
}

.userg_player       { color: var(--user-player); }
.userg_mod          { color: var(--user-mod); }
.userg_admin        { color: var(--user-admin); }

.userg_player:hover {
  color: var(--user-player-hover);
  text-shadow: 0 0 10px #44203d;
}
.userg_mod:hover {
  color: var(--user-mod-hover);
  text-shadow: 0 0 10px #005d6b;
}
.userg_admin:hover {
  color: var(--user-admin-hover);
  text-shadow: 0 0 10px #3f006b;
}

.userg_admin::after {
  font-family: FontAwesome;
  content: "\f043";
  padding-left: 3px;
}
.userg_mod::after {
  font-family: FontAwesome;
  content: "\f1b0";
  padding-left: 3px;
}

.userg_deceased:hover {
  color: var(--user-deceased-hover);
  font-weight: bold;
  text-shadow: 0 0 10px #ababab;
}

.userg_adoptable:hover {
  color: var(--user-adoptable);
  text-shadow: 0 0 10px #300a0a;
}