// Ranks styles
// -------------------------

// .rank-team
.index-rank-team ul {
  li {
    background-color: @red;
    border-color: darken(@red, 8%);

    a:link, a:active, a:visited, a:hover {
      color: @white;
      text-shadow: 0px 1px 0px darken(@red, 35%);
    }

    .muted {
      color: darken(@red, 25%);
    }
  }
}

.post-label-team {
  background-color: @red;
}

// .rank-mvp
.index-rank-mvp ul {
  li {
    background-color: desaturate(@blue, 20%);
    border-color: darken(@blue, 8%);

    a:link, a:active, a:visited, a:hover {
      color: @white;
      text-shadow: 0px 1px 0px darken(@blue, 35%);
    }

    .muted {
      color: darken(@blue, 25%);
    }
  }
}

.post-label-mcp {
  background-color: @blue;
}

// .rank-active
.index-rank-active ul {
  li {
    background-color: darken(@yellow, 5%);
    border-color: darken(@yellow, 8%);

    a:link, a:active, a:visited, a:hover {
      color: @white;
      text-shadow: 0px 1px 0px darken(@yellow, 35%);
    }

    .muted {
      color: darken(@yellow, 25%);
    }
  }
}

.post-label-mcp {
  background-color: @yellow;
}