table#taxonomy-table
    width: 100%
    border-collapse: collapse
    // border: 3px solid $darkest
    box-sizing: border-box
    background: $surface
    text-align: left

    tr
        border-bottom: 3px solid $background
        &:nth-child(even)
            background: darken($surface, 2%)
            transition: background 0.4s ease-in-out
        &:nth-child(odd)
            background: lighten($surface, 3%)
            transition: background 0.4s ease-in-out
        &:hover, &:focus
            background: $border

    thead
        text-align: left
        border: none
        background: $darkest
        border-radius: $border-radius $border-radius 0 0

    th
        color: $text
        padding: 0.6rem 0.6rem
        text-align: left
        font-weight: 600
        border: none

    td
        padding: 0.3rem 0.6rem
        text-align: left
        font-weight: 600
        border: none

    a.term-link
        padding: 0.2rem 0.6rem
        margin: 0.2rem
        display: inline-block
        border-radius: $border-radius
        text-decoration: none
        font-weight: 500
        color: $text
        transition: color 0.4s ease-in-out, background 0.4s ease-in-out
        &:hover, &:focus
            color: $darkest !important
            background: $text-subtle !important

    a.taxonomy-name
        padding: 0
        margin: 0.2rem
        display: inline-block
        border-radius: $border-radius
        text-decoration: none
        font-weight: 500
        color: $text
        transition: color 0.4s ease-in-out
        &:hover, &:focus
            color: $accent-light

#taxonomy-page a.term-link
    padding: 0.3rem 1.2rem
    margin: 0.2rem
    display: inline-block
    border-radius: $border-radius
    text-decoration: none
    font-weight: 500
    color: $text
    transition: color 0.4s ease-in-out
    font-size: 1.2rem
    &:hover, &:focus
        color: $darkest