// Quotes Table Style
.quotes
  border-collapse: collapse
  width: 8em // Set the width to 8em for a much shorter table
  margin: 20px 0
  border: none // Ensure no borders are applied to the table

  td
    padding: 10px 0
    vertical-align: top
    border: none // Remove borders between rows

  td:first-child
    text-align: left
    font-weight: bold

  td:last-child
    text-align: right
    font-style: italic
    &:before
      content: '“'
    &:after
      content: '”'


// Thin Table for Calls/Username with Side Borders Only
.thin-table
  width: auto
  border: solid $table-header-bg
  
  border-spacing: 0
  margin: 15px 0
  font-size: 14px

  th
    font-weight: bold

  th, td
    padding: 12px 16px  /* Increased padding for more width */
    text-align: center

    border-left: 1px solid $table-border-color
    border-right: 1px solid $table-border-color


@mixin set-table-thin-color($table-border, $table-border-sides)
  .thin-table
    border: solid $table-border

    th, td
      border-left: 1px solid $table-border-sides
      border-right: 1px solid $table-border-sides