Table: Default

.table,
.table-striped,
.webform-submission-form table {
  border-radius: 4px;
  border-spacing: 0;
  margin: 0 0 $spacer 0;
  width: 100%;

  .color-scheme-dark & {
    color: $white;
    color: var(--white, $white);
  }

  thead {
    tr {
      background-color: $lehigh_brown;
      background-color: var(--lehigh_brown, $lehigh_brown);
      color: $white;
      color: var(--white, $white);

      .color-scheme-dark & {
        background-color: $lehigh_brown_darkmode;
        background-color: var(--lehigh_brown_darkmode, $lehigh_brown_darkmode);
        color: $base_font;
        color: var(--base_font, $base_font);
      }
    }
  }

  th {
    background-color: $lehigh_brown;
    background-color: var(--lehigh_brown, $lehigh_brown);
    color: $white;
    color: var(--white, $white);

    .color-scheme-dark & {
      background-color: $lehigh_brown_darkmode;
      background-color: var(--lehigh_brown_darkmode, $lehigh_brown_darkmode);
      color: $base_font;
      color: var(--base_font, $base_font);
    }

    a {
      word-break: unset;
      color: $white;
      color: var(--white, $white);

      &:hover,
      &:focus {
        color: $white;
        color: var(--white, $white);
      }

      span {
        color: $white;
        color: var(--white, $white);

        &:hover,
        &:focus {
          color: $white;
          color: var(--white, $white);
        }
      }
    }
  }

  tr {
    &:nth-of-type(even){
      background-color: $grey_20;
      background-color: var(--grey_20, $grey_20);

      .color-scheme-dark & {
        background-color: $dark_mode_grey;
        background-color: var(--dark_mode_grey, $dark_mode_grey);
        color: $white;
        color: var(--white, $white);
      }
    }

    &:nth-of-type(odd){
      background-color: $white;
      background-color: var(--white, $white);

      .color-scheme-dark & {
        background-color: $black;
        background-color: var(--black, $black);
        color: $white;
        color: var(--white, $white);
      }
    }
  }

  td {
    a {
      word-break: unset;
    }
  }
}

.webform-submission-form {
  table {
    th,
    td {
      padding: $space_three_quarter;

      p {
        &:last-of-type {
          margin-bottom: 0;
        }
      }
    }

    &.responsive-enabled {
      tr {
        background-color: unset;

        th,
        td {
          padding: 0 $space_one_half;
          background-color: unset;
          color: $base_font;

          &:first-of-type {
            padding: 0 $space_one_half 0 0;
          }

          &:last-of-type {
            padding: 0 0 0 $space_one_half;
          }
        }
      }

      &.webform-table {
        thead {
          tr {
            background-color: $lehigh_brown;
            background-color: var(--lehigh_brown, $lehigh_brown);
            color: $white;
            color: var(--white, $white);

            .color-scheme-dark & {
              background-color: $lehigh_brown_darkmode;
              background-color: var(--lehigh_brown_darkmode, $lehigh_brown_darkmode);
              color: $base_font;
              color: var(--base_font, $base_font);
            }
          }
        }

        th {
          background-color: $lehigh_brown;
          background-color: var(--lehigh_brown, $lehigh_brown);
          color: $white;
          color: var(--white, $white);

          .color-scheme-dark & {
            background-color: $lehigh_brown_darkmode;
            background-color: var(--lehigh_brown_darkmode, $lehigh_brown_darkmode);
            color: $base_font;
            color: var(--base_font, $base_font);
          }

          a {
            word-break: unset;
            color: $white;
            color: var(--white, $white);

            &:hover,
            &:focus {
              color: $white;
              color: var(--white, $white);
            }

            span {
              color: $white;
              color: var(--white, $white);

              &:hover,
              &:focus {
                color: $white;
                color: var(--white, $white);
              }
            }
          }
        }

        tr {
          &:nth-of-type(even){
            background-color: $grey_20;
            background-color: var(--grey_20, $grey_20);

            .color-scheme-dark & {
              background-color: $dark_mode_grey;
              background-color: var(--dark_mode_grey, $dark_mode_grey);
              color: $white;
              color: var(--white, $white);
            }
          }

          &:nth-of-type(odd){
            background-color: $white;
            background-color: var(--white, $white);

            .color-scheme-dark & {
              background-color: $black;
              background-color: var(--black, $black);
              color: $white;
              color: var(--white, $white);
            }
          }
        }

        td,
        th {
          padding: $space_three_quarter;

          &:first-of-type {
            padding: $space_three_quarter;
          }

          &:last-of-type {
            padding: $space_three_quarter;
          }

          a {
            word-break: unset;
          }
        }
      }
    }
  }
}

body.color-scheme-dark {
  .table.cke_show_border {
    color: $base_font;
    color: var(--base_font, $base_font);

    thead {
      tr {
        background-color: $grey_20;
        background-color: var(--grey_20, $grey_20);
        color: $base_font;
        color: var(--base_font, $base_font);
      }
    }

    tr {
      &:nth-of-type(even) {
        background-color: $grey_20;
        background-color: var(--grey_20, $grey_20);
        color: $base_font;
        color: var(--base_font, $base_font);
      }
    }
  }
}