/* css style for Tables  */
/* CB home style borderless Table  */

  img.button {
    padding: 0.6rem;
    border:  0px;
    background-color: transparent;
    margin: auto;
    width: 200px;
    height: 150px;
      }
  img.button:hover {
      opacity:  0.65;
        }

  img.other {
    padding: 0.6rem;
    border:  0px;
    background-color: transparent;
    margin: auto;
    width: 200px;
    height: 200px;
        }
    img.other:hover {
      opacity:  0.92;
          }

/*   Table   */
    table {
    width: 100%;      /* force fit  */
    max-width: 100%;  /*prevent overflow  */
    table-layout: fixed;
    height: auto;
    border-collapse: separate;
    /* border: 4px solid rgb(82,82,84); /*looks like darker grey */
    border-spacing: 0;
    vertical-align: top;
    /* background-color: transparent; -- medium grey */
    /* background-color: rgb(187, 187, 187); /* medium grey */
    border: 4px solid rgb(31,31,84); /* outer border only */
    border-radius: 15px; /* rounded corners for table */
    overflow: hidden; /* ensures rounding works */
    }

    /*   Cells   */
    table, th, td {
      /* width: 100%; */
      /* margin: auto; */
      box-sizing: border-box; /* include padding/border in width */
      padding: 4px;
      text-align: center;
      border: none; /* = dk blue border color */
      border-radius: 0; /* handled by table if needed */
      background-color: transparent;
      }

    /* ===== Column Widths ===== */
    table td:nth-child(1),
    table th:nth-child(1) {
      width: 29%; /* 1st column */
    }

    table td:nth-child(2),
    table th:nth-child(2) {
      width: 42%; /* center column */
    }

    table td:nth-child(3),
    table th:nth-child(3) {
      width: 29%; /* 3rd column */
    }

  /* ===== Unique Cell: Row 2, Column 2 ===== */
  tr:nth-child(2) td:nth-child(2) {
    background-color: transparent; /* rgba(250, 250, 250, 0.7) white-ish */
    color: black;
  }

/*  Make contents scale  */
  table td img,
  table td div,
  table td h2,
  table td h3 {
    max-width: 100%;
    height: auto;
  }

  /* Table wrapper for scroll on small screens */
  .table-container {
    /* outline: 4px dashed rgba(55,50,250,0.42);  */
    overflow-x: auto;   /* enables horizontal scroll if too wide */
    -webkit-overflow-scrolling: touch; /* smooth scroll on mobile */
    }