/* All Tables & Div, formatting   */
/* use with Headers-fonts-P_all.css   */
/* for Latin-America & ALL Non-Ancient   */
/* countries included  Peru  */

/* used for div.header-panel like a 1-cell table to hide background map  */
    .header-panel-light {
      display: flex;
      flex-direction: column;   /* stack children vertically */
      align-items: flex-start;  /* keep text left-aligned */
      gap: .3rem;    /*  vertical spacing */
      background-color: rgba(248, 247, 247, var(--tabl-opaq));
      padding: 1rem;
      border-radius: 10px;
    }

    .header-panel-dark {
      display: flex;
      flex-direction: column;   /* stack children vertically */
      align-items: flex-start;  /* keep text left-aligned */
      gap: .3rem;    /*  vertical spacing */
      background-color: rgba(248, 247, 247, var(--tabl-opaq));
      padding: 1rem;
      border-radius: 10px;
    }

    /*   used for javascript slider call  */
    :root {
      --tabl-opaq: 0.64;  /* default = 70% */
    }

  /* Table Defines:  must define in this order */
  /*  table, th, td {
    padding: 1 rem;
    text-align: center;
    border: 4px solid rgb(31,31,84);
    background-color: transparent;
    }  */

/* general for no-class Table  not used ??  */
    table {
    width: 1100px;
    height: auto;
    border-collapse: separate;
    border: 4px solid rgb(182,82,84);
    border-spacing: 0.5rem;
    vertical-align: top;
    /* this is color expresssed, Almost trasparent w slightly grrenish tint */
    background-color: rgba(114, 114, 29, 0.4);
    display:block;
    }

  /* defines table cell borders     */
     .colonial th,
     .colonial td {
       padding: 1rem;  /* yes padding of All cells  */
       text-align: center;
       border:2px solid rgba(19,21,29, var(--tabl-opaq));   /* cell border color */
         }

  /* Basic Table params  */
  /* see if colonial differs from republic, sud or nor  itf interstitual  */
     .colonial {
/*          width: 1100px;
          height: auto;
          border-collapse: separate;  */
          border: 4px solid rgba(82,82,84, var(--tabl-opaq));  /* border of entire table  */
    /*      border-spacing: 0.5rem;
          vertical-align: top;  */
          background-color: rgba(114, 114, 29, var(--tabl-opaq)); /* table interstitual color */
    /*      display:block;  */
          }

   /* Colonial table rows class =col */
   /* controls 1st cell of ev odd row */
     .colonial tr:nth-child(odd) td:nth-child(3n+1) {
         background-color: rgba(202, 34, 34, var(--tabl-opaq));
         color: black;
         }
   /* controls 2nd cell of ev odd row */
     .colonial tr:nth-child(odd) td:nth-child(3n+2) {
         background-color: rgba(195, 63, 53, var(--tabl-opaq));
         color: navy;
         }
   /* controls 3rd cell of ev odd row */
     .colonial tr:nth-child(odd) td:nth-child(3n+3) {
         background-color: rgba(195, 100, 91, var(--tabl-opaq));
         color: midnightblue;
         }

   /* controls 1st cell of ev even row */
     .colonial tr:nth-child(even) td:nth-child(3n+1) {
         background-color: rgba(140, 17, 75, var(--tabl-opaq));
         color: black;
         }
   /* controls 2nd cell of ev even row */
     .colonial tr:nth-child(even) td:nth-child(3n+2) {
         background-color: rgba(175, 80, 117, var(--tabl-opaq));
         color: maroon;
         }
   /* controls 3rd cell of ev even row */
     .colonial tr:nth-child(even) td:nth-child(3n+3) {
         background-color: rgba(193, 125, 146, var(--tabl-opaq));
         color: mediumslateblue;
         }

   /* defines table cell borders     */
      .republic th,
      .republic td {
        padding: 1rem;  /* yes padding of All cells  */
        text-align: center;
        border:2px solid rgba(19,21,29, var(--tabl-opaq));   /* cell border color */
          }
   /* Republican table rows class =rep */
   /* controls 1st cell of ev odd row */
     .republic tr:nth-child(odd) td:nth-child(3n+1) {
         background-color: rgba(5, 132, 74,var(--tabl-opaq));
         color: black;
         }
   /* controls 2nd cell of ev odd row */
     .republic tr:nth-child(odd) td:nth-child(3n+2) {
         background-color: rgba(41, 148, 87, var(--tabl-opaq));
         color: navy;
         }
   /* controls 3rd cell of ev odd row */
     .republic tr:nth-child(odd) td:nth-child(3n+3) {
         background-color: rgba(108, 185, 133, var(--tabl-opaq));
         color: midnightblue;
         }

   /* controls 1st cell of ev even row */
     .republic tr:nth-child(even) td:nth-child(3n+1) {
         background-color: rgba(30, 62, 31, var(--tabl-opaq));
         color: black;
         }
   /* controls 2nd cell of ev even row */
     .republic tr:nth-child(even) td:nth-child(3n+2) {
         background-color: rgba(58, 105, 63, var(--tabl-opaq));
         color: maroon;
         }
   /* controls 3rd cell of ev even row */
     .republic tr:nth-child(even) td:nth-child(3n+3) {
         background-color: rgba(129, 154, 121, var(--tabl-opaq));
         color: mediumslateblue;
         }

    /* defines table cell borders     */
      .sud th,
      .sud td {
        padding: 1rem;  /* yes padding of All cells  */
        text-align: center;
        border:2px solid rgba(19,21,29, var(--tabl-opaq));   /* cell border color */
          }
     /* Sud-Peru table rows class =rep */
     /* controls 1st cell of ev odd row */
       .sud tr:nth-child(odd) td:nth-child(3n+1) {
           background-color: rgba(185, 191, 41, var(--tabl-opaq));
           color: black;
           }
     /* controls 2nd cell of ev odd row */
       .sud tr:nth-child(odd) td:nth-child(3n+2) {
           background-color: rgba(177, 171, 69, var(--tabl-opaq));
           color: navy;
           }
     /* controls 3rd cell of ev odd row */
       .sud tr:nth-child(odd) td:nth-child(3n+3) {
           background-color: rgba(167, 151, 80,var(--tabl-opaq));
           color: midnightblue;
           }

     /* controls 1st cell of ev even row */
       .sud tr:nth-child(even) td:nth-child(3n+1) {
           background-color: rgba(165, 122, 13, var(--tabl-opaq));
           color: black;
           }
     /* controls 2nd cell of ev even row */
       .sud tr:nth-child(even) td:nth-child(3n+2) {
           background-color: rgba(165, 129, 40, var(--tabl-opaq));
           color: maroon;
           }
     /* controls 3rd cell of ev even row */
       .sud tr:nth-child(even) td:nth-child(3n+3) {
           background-color: rgba(199, 158, 54, var(--tabl-opaq));
           color: mediumslateblue;
           }

    /* defines table cell borders     */
      .nor th,
      .nor td {
        padding: 1rem;  /* yes padding of All cells  */
        text-align: center;
        border:2px solid rgba(19,21,29, var(--tabl-opaq));   /* cell border color */
          }
     /* Norte-Peru table rows class =rep */
     /* controls 1st cell of ev odd row */
       .nor tr:nth-child(odd) td:nth-child(3n+1) {
           background-color: rgba(35, 78, 128, var(--tabl-opaq));
           color: black;
           }
     /* controls 2nd cell of ev odd row */
       .nor tr:nth-child(odd) td:nth-child(3n+2) {
           background-color: rgba(50, 100, 123, var(--tabl-opaq));
           color: navy;
           }
     /* controls 3rd cell of ev odd row */
       .nor tr:nth-child(odd) td:nth-child(3n+3) {
           background-color: rgba(60, 120, 120, var(--tabl-opaq));
           color: midnightblue;
           }

     /* controls 1st cell of ev even row */
       .nor tr:nth-child(even) td:nth-child(3n+1) {
           background-color: rgba(35, 78, 128, var(--tabl-opaq));
           color: black;
           }
     /* controls 2nd cell of ev even row */
       .nor tr:nth-child(even) td:nth-child(3n+2) {
           background-color: rgba(50, 100, 123, var(--tabl-opaq));
           color: maroon;
           }
     /* controls 3rd cell of ev even row */
       .nor tr:nth-child(even) td:nth-child(3n+3) {
           background-color: rgba(50, 100, 123, var(--tabl-opaq));
           color: mediumslateblue;
           }

/* Dark Table for Mexican Civil War  .mexi-cw   */

  /* Table Defines:  must define in this order */
      .mexi-cw, th, td {
      /* width: 100%; */
      /* margin: auto; */
      padding: 1px;
      text-align: center;
      border: 1px solid white;
      background-color: transparent;
      }

      .mexi-cw {
      border: 4px solid DimGrey;
      border-spacing: 0.5rem;
      vertical-align: top;
  /* invalid otherwise over rides cell bkgd colors
   background-color: transparent;  */
      display:block;
      }

  /* alternating rows w different cells */
  /* controls 1st cell of ev odd row */
      .mexi-cw tr:nth-child(odd) td:nth-child(3n+1) {
      background-color: rgba(196, 196, 196, 0.51);
      color: black;
      }
  /* controls 2nd cell of ev odd row */
      .mexi-cw tr:nth-child(odd) td:nth-child(3n+2) {
      background-color: rgba(179, 179, 170, 0.70);
      color: DimGrey;
      }
  /* controls 3rd cell of ev odd row */
      .mexi-cw tr:nth-child(odd) td:nth-child(3n+3) {
      background-color: rgba(186, 189, 203, 0.54);
      color: #fffcc6;
      text-align: center;
      }
  /* controls 1st cell of ev even row */
      .mexi-cw tr:nth-child(even) td:nth-child(3n+1) {
      background-color: rgba(174, 68, 68, 0.61);
      color: black;
      }
  /* controls 2nd cell of ev even row */
      .mexi-cw tr:nth-child(even) td:nth-child(3n+2) {
       background-color: rgba(171, 112, 112, 0.42);
       color: DimGrey;
      }
  /* controls 3rd cell of ev even row */
      .mexi-cw tr:nth-child(even) td:nth-child(3n+3) {
       background-color: rgba(124, 73, 44, 0.60);
       color: #ffffff;
       text-align: center;
       }

       /*   When using comments, you do not want other comment tags within or it will void out the other comment tags. */

   .england {
     width: 1200px;
     }
   /* th, td {
     padding: 1.0 rem;
     text-align: center;
     border: 2px;
     background-color: rgb(219, 234, 252);
   } */

   /* defines table cell borders     */
     .england th,
     .england td {
       padding: 1rem;  /* yes padding of All cells  */
       text-align: center;
       border:2px solid rgba(19,21,29, var(--tabl-opaq));   /* cell border color */
         }

 /* controls 1st cell of ev odd row */
     .england tr:nth-child(odd) td:nth-child(3n+1) {
       background-color: rgba(191, 178, 178, 0.44);
       color: black;
       text-align: center;
       }
 /* controls 2nd cell of ev odd row */
     .england tr:nth-child(odd) td:nth-child(3n+2) {
       background-color: rgba(237, 221, 200, 0.46);
       color: navy;
       text-align: center;
       }
 /* controls 3rd cell of ev odd row */
     .england tr:nth-child(odd) td:nth-child(3n+3) {
       background-color: rgba(230, 160, 120, 0.50);
       color: mediumslateblue;
       text-align: center;
       }

 /* background color for entire even row */
   /* tr:nth-child(even) {
       background-color: rgba(5, 27, 169, 0.65);
       color: white;
     } */
 /* controls 1st cell of ev even row */
     .england tr:nth-child(even) td:nth-child(3n+1) {
         background-color: rgba(200, 200, 134, 0.48);
         color: #black;
         text-align: center;
       }
 /* controls 2nd cell of ev even row */
     .england tr:nth-child(even) td:nth-child(3n+2) {
         background-color: rgba(79, 114, 184, 0.30);
         color: #maroon;
         text-align: center;
         }
 /* controls 3rd cell of ev even row */
     .england tr:nth-child(even) td:nth-child(3n+3) {
         background-color: rgba(145, 173, 227, 0.41);
         color: #mediumslateblue;
         text-align: center;
         }