/* 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% */
    }

    img.coin {
      padding: 0.6rem;
      border:  0px;
      background-color: transparent;
      margin: auto;
      width: 200px;
      height: 200px;
        }
      img.coin:hover {
        opacity:  0.5;
          }
    img.other {
      /* padding: .5rem; */
      border:  0px;
      background-color: transparent;
      padding-top: 15px;
      padding-bottom: 5px;
      margin: auto;
      width: 200px;
      height: 200px;
        }
      img.other:hover {
        opacity:  0.92;
          }

  /* this class is set by the jQuery library, I cannot chage it  */
  /* this class is set in the javascript function I CAN? change it */
  /* called in html by class="f-w"  */
    .first-word {
      /* font-family: Papyrus, fantasy;  */
      font-size: 1.75em;   /* 175 % of the parent text size */
      font-weight: 500;  /* or bold if you want */
      /* color: #193b21;  dk grn */
      /* color: #535353;  med grey  */
    }


  /* 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;
    }  */

/*  tr = table row   td = table data cell   th table header ell  */


/* 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;
    }

  /* =========================================================
     World Tables (Imperial + Dominate via variables)
     ========================================================= */

   /* -----------------------------
     Base Table geometry (shared)
     ----------------------------- */

     .Royal-Red,
     .England {
       height: auto;
       border-collapse: separate;
       border-spacing: 0.5rem;
       vertical-align: top;
       display: block;
     }



     /* =========================================================
        COLONIAL TABLE
        ========================================================= */

     /* ============================
        TABLE BORDERS colors
        ============================ */

     .Royal-Red {
       border: 4px solid rgba(82,82,84, var(--tabl-opaq));  /* border of entire table  */
       background-color: rgba(114,114,29, var(--tabl-opaq)); /* table interstitial color */
       table-layout: fixed;
     }

     /* ============================
        CELL BORDERS colors
        ============================ */

     .Royal-Red th,
     .Royal-Red td {
       padding: 1rem;
       text-align: center;
       border: 2px solid rgba(19,21,29, var(--tabl-opaq));
     }

     /* =========================================================
        COLONIAL VARIABLES
        ========================================================= */

     .Royal-Red {

       /* ===== Background Colors ===== */

       /* odd rows (cell 1) */
       --bg-firstcol-odd: 202,34,34;

       /* odd rows (cell 2) */
       --bg-secondcol-odd: 195,63,53;

       /* odd rows (cell 3) */
       --bg-thirdcol-odd: 195,100,91;

       /* even rows (cell 1) */
       --bg-firstcol-even: 140,17,75;

       /* even rows (cell 2) */
       --bg-secondcol-even: 175,80,117;

       /* even rows (cell 3) */
       --bg-thirdcol-even: 193,125,146;

       /* ===== Paragraph Colors ===== */

       --p-firstcol-odd: 0,0,0;
       --p-secondcol-odd: 0,0,128;
       --p-thirdcol-odd: 25,25,112;

       --p-firstcol-even: 0,0,0;
       --p-secondcol-even: 128,0,0;
       --p-thirdcol-even: 123,104,238;

       /* ===== First Letter Colors ===== */

       --pfl-firstcol-odd: 60,60,60;
       --pfl-secondcol-odd: 0,0,90;
       --pfl-thirdcol-odd: 50,50,120;

       --pfl-firstcol-even: 80,20,60;
       --pfl-secondcol-even: 100,20,40;
       --pfl-thirdcol-even: 80,60,140;
     }

     /* =========================================================
        BACKGROUND + BASE TEXT : COLONIAL
        ========================================================= */

     /* ---- ODD ROWS ---- */

     .Royal-Red tr:nth-child(odd) td:nth-child(3n+1) {
       background-color: rgba(var(--bg-firstcol-odd), var(--tabl-opaq));
       color: rgb(var(--p-firstcol-odd));
     }

     .Royal-Red tr:nth-child(odd) td:nth-child(3n+2) {
       background-color: rgba(var(--bg-secondcol-odd), var(--tabl-opaq));
       color: rgb(var(--p-secondcol-odd));
     }

     .Royal-Red tr:nth-child(odd) td:nth-child(3n+3) {
       background-color: rgba(var(--bg-thirdcol-odd), var(--tabl-opaq));
       color: rgb(var(--p-thirdcol-odd));
     }

     /* ---- EVEN ROWS ---- */

     .Royal-Red tr:nth-child(even) td:nth-child(3n+1) {
       background-color: rgba(var(--bg-firstcol-even), var(--tabl-opaq));
       color: rgb(var(--p-firstcol-even));
     }

     .Royal-Red tr:nth-child(even) td:nth-child(3n+2) {
       background-color: rgba(var(--bg-secondcol-even), var(--tabl-opaq));
       color: rgb(var(--p-secondcol-even));
     }

     .Royal-Red tr:nth-child(even) td:nth-child(3n+3) {
       background-color: rgba(var(--bg-thirdcol-even), var(--tabl-opaq));
       color: rgb(var(--p-thirdcol-even));
     }

     /* =========================================================
        PARAGRAPH COLORS : COLONIAL
        ========================================================= */

     /* ---- ODD ROWS ---- */

     .Royal-Red tr:nth-child(odd) td:nth-child(3n+1) p:not([class]) {
       color: rgb(var(--p-firstcol-odd));
     }

     .Royal-Red tr:nth-child(odd) td:nth-child(3n+2) p:not([class]) {
       color: rgb(var(--p-secondcol-odd));
     }

     .Royal-Red tr:nth-child(odd) td:nth-child(3n+3) p:not([class]) {
       color: rgb(var(--p-thirdcol-odd));
     }

     /* ---- EVEN ROWS ---- */

     .Royal-Red tr:nth-child(even) td:nth-child(3n+1) p:not([class]) {
       color: rgb(var(--p-firstcol-even));
     }

     .Royal-Red tr:nth-child(even) td:nth-child(3n+2) p:not([class]) {
       color: rgb(var(--p-secondcol-even));
     }

     .Royal-Red tr:nth-child(even) td:nth-child(3n+3) p:not([class]) {
       color: rgb(var(--p-thirdcol-even));
     }

     /* =========================================================
        PARAGRAPH 1st LETTER COLORS : COLONIAL
        ========================================================= */

     /* ---- ODD ROWS ---- */

     .Royal-Red tr:nth-child(odd) td:nth-child(3n+1) p:not([class])::first-letter {
       color: rgb(var(--pfl-firstcol-odd));
     }

     .Royal-Red tr:nth-child(odd) td:nth-child(3n+2) p:not([class])::first-letter {
       color: rgb(var(--pfl-secondcol-odd));
     }

     .Royal-Red tr:nth-child(odd) td:nth-child(3n+3) p:not([class])::first-letter {
       color: rgb(var(--pfl-thirdcol-odd));
     }

     /* ---- EVEN ROWS ---- */

     .Royal-Red tr:nth-child(even) td:nth-child(3n+1) p:not([class])::first-letter {
       color: rgb(var(--pfl-firstcol-even));
     }

     .Royal-Red tr:nth-child(even) td:nth-child(3n+2) p:not([class])::first-letter {
       color: rgb(var(--pfl-secondcol-even));
     }

     .Royal-Red tr:nth-child(even) td:nth-child(3n+3) p:not([class])::first-letter {
       color: rgb(var(--pfl-thirdcol-even));
     }


     /* =========================================================
        INDEPENDENT-GREEN TABLE   was .republic
        ========================================================= */

     .Independent-Green {
       border: 4px solid rgba(82,82,84, var(--tabl-opaq));
       background-color: rgba(114,114,29, var(--tabl-opaq));
     }

     .Independent-Green th,
     .Independent-Green td {
       padding: 1rem;
       text-align: center;
       border: 2px solid rgba(19,21,29, var(--tabl-opaq));
     }

     /* VARIABLES */

     .Independent-Green {
       --bg-firstcol-odd: 5,132,74;
       --bg-secondcol-odd: 41,148,87;
       --bg-thirdcol-odd: 108,185,133;

       --bg-firstcol-even: 30,62,31;
       --bg-secondcol-even: 58,105,63;
       --bg-thirdcol-even: 129,154,121;

       --p-firstcol-odd: 0,0,0;
       --p-secondcol-odd: 0,0,128;
       --p-thirdcol-odd: 25,25,112;

       --p-firstcol-even: 0,0,0;
       --p-secondcol-even: 128,0,0;
       --p-thirdcol-even: 123,104,238;

       --pfl-firstcol-odd: 20,80,40;
       --pfl-secondcol-odd: 20,60,40;
       --pfl-thirdcol-odd: 40,80,60;

       --pfl-firstcol-even: 20,40,20;
       --pfl-secondcol-even: 40,60,40;
       --pfl-thirdcol-even: 60,80,60;
     }

     /* BACKGROUND + TEXT */

     .Independent-Green tr:nth-child(odd) td:nth-child(3n+1) {
       background-color: rgba(var(--bg-firstcol-odd), var(--tabl-opaq));
       color: rgb(var(--p-firstcol-odd));
     }
     .Independent-Green tr:nth-child(odd) td:nth-child(3n+2) {
       background-color: rgba(var(--bg-secondcol-odd), var(--tabl-opaq));
       color: rgb(var(--p-secondcol-odd));
     }
     .Independent-Green tr:nth-child(odd) td:nth-child(3n+3) {
       background-color: rgba(var(--bg-thirdcol-odd), var(--tabl-opaq));
       color: rgb(var(--p-thirdcol-odd));
     }

     .Independent-Green tr:nth-child(even) td:nth-child(3n+1) {
       background-color: rgba(var(--bg-firstcol-even), var(--tabl-opaq));
       color: rgb(var(--p-firstcol-even));
     }
     .Independent-Green tr:nth-child(even) td:nth-child(3n+2) {
       background-color: rgba(var(--bg-secondcol-even), var(--tabl-opaq));
       color: rgb(var(--p-secondcol-even));
     }
     .Independent-Green tr:nth-child(even) td:nth-child(3n+3) {
       background-color: rgba(var(--bg-thirdcol-even), var(--tabl-opaq));
       color: rgb(var(--p-thirdcol-even));
     }

     /* =========================================================
        SOUTH-YELLOW TABLE
        ========================================================= */

     .South-Yellow {
       border: 4px solid rgba(82,82,84, var(--tabl-opaq));
       background-color: rgba(114,114,29, var(--tabl-opaq));
     }

     .South-Yellow th,
     .South-Yellow td {
       padding: 1rem;
       text-align: center;
       border: 2px solid rgba(19,21,29, var(--tabl-opaq));
     }

     /* =========================================================
        SOUTH-YELLOW VARIABLES
        ========================================================= */

     .South-Yellow {
       /* ===== Background Colors ===== */

       /* odd rows (cell 1) */
       --bg-firstcol-odd: 185,191,41;

       /* odd rows (cell 2) */
       --bg-secondcol-odd: 177,171,69;

       /* odd rows (cell 3) */
       --bg-thirdcol-odd: 167,151,80;

       /* even rows (cell 1) */
       --bg-firstcol-even: 165,122,13;

       /* even rows (cell 2) */
       --bg-secondcol-even: 165,129,40;

       /* even rows (cell 3) */
       --bg-thirdcol-even: 199,158,54;

       /* ===== Paragraph Colors ===== */
       /* set these as you like */

       --p-firstcol-odd: 0,0,0;
       --p-secondcol-odd: 0,0,0;
       --p-thirdcol-odd: 0,0,0;

       --p-firstcol-even: 0,0,0;
       --p-secondcol-even: 0,0,0;
       --p-thirdcol-even: 0,0,0;

       /* ===== First Letter Colors ===== */
       /* set these independently too */

       --pfl-firstcol-odd: 0,0,0;
       --pfl-secondcol-odd: 0,0,0;
       --pfl-thirdcol-odd: 0,0,0;

       --pfl-firstcol-even: 0,0,0;
       --pfl-secondcol-even: 0,0,0;
       --pfl-thirdcol-even: 0,0,0;
     }

     /* =========================================================
        BACKGROUND + BASE TEXT : SOUTH-YELLOW
        ========================================================= */

     /* ---- ODD ROWS ---- */

     .South-Yellow tr:nth-child(odd) td:nth-child(3n+1) {
       background-color: rgba(var(--bg-firstcol-odd), var(--tabl-opaq));
       color: rgb(var(--p-firstcol-odd));
     }

     .South-Yellow tr:nth-child(odd) td:nth-child(3n+2) {
       background-color: rgba(var(--bg-secondcol-odd), var(--tabl-opaq));
       color: rgb(var(--p-secondcol-odd));
     }

     .South-Yellow tr:nth-child(odd) td:nth-child(3n+3) {
       background-color: rgba(var(--bg-thirdcol-odd), var(--tabl-opaq));
       color: rgb(var(--p-thirdcol-odd));
     }

     /* ---- EVEN ROWS ---- */

     .South-Yellow tr:nth-child(even) td:nth-child(3n+1) {
       background-color: rgba(var(--bg-firstcol-even), var(--tabl-opaq));
       color: rgb(var(--p-firstcol-even));
     }

     .South-Yellow tr:nth-child(even) td:nth-child(3n+2) {
       background-color: rgba(var(--bg-secondcol-even), var(--tabl-opaq));
       color: rgb(var(--p-secondcol-even));
     }

     .South-Yellow tr:nth-child(even) td:nth-child(3n+3) {
       background-color: rgba(var(--bg-thirdcol-even), var(--tabl-opaq));
       color: rgb(var(--p-thirdcol-even));
     }


     /* =========================================================
        NORTH-BLUE TABLE
        ========================================================= */

     .North-Blue {
       border: 4px solid rgba(82,82,84, var(--tabl-opaq));
       background-color: rgba(114,114,29, var(--tabl-opaq));
     }

     .North-Blue th,
     .North-Blue td {
       padding: 1rem;
       text-align: center;
       border: 2px solid rgba(19,21,29, var(--tabl-opaq));
     }

     /* =========================================================
        NORTH-BLUE VARIABLES
        ========================================================= */

     .North-Blue {
       /* ===== Background Colors ===== */

       /* odd rows (cell 1) */
       --bg-firstcol-odd: 35,78,128;

       /* odd rows (cell 2) */
       --bg-secondcol-odd: 50,100,123;

       /* odd rows (cell 3) */
       --bg-thirdcol-odd: 60,120,120;

       /* even rows (cell 1) */
       --bg-firstcol-even: 35,78,128;

       /* even rows (cell 2) */
       --bg-secondcol-even: 50,100,123;

       /* even rows (cell 3) */
       --bg-thirdcol-even: 50,100,123;

       /* ===== Paragraph Colors ===== */
       /* set these as you like; not copied from old .nor */

       --p-firstcol-odd: 0,0,0;
       --p-secondcol-odd: 0,0,0;
       --p-thirdcol-odd: 0,0,0;

       --p-firstcol-even: 0,0,0;
       --p-secondcol-even: 0,0,0;
       --p-thirdcol-even: 0,0,0;

       /* ===== First Letter Colors ===== */
       /* set these independently too */

       --pfl-firstcol-odd: 0,0,0;
       --pfl-secondcol-odd: 0,0,0;
       --pfl-thirdcol-odd: 0,0,0;

       --pfl-firstcol-even: 0,0,0;
       --pfl-secondcol-even: 0,0,0;
       --pfl-thirdcol-even: 0,0,0;
     }

     /* =========================================================
        BACKGROUND + BASE TEXT : NORTH-BLUE
        ========================================================= */

     /* ---- ODD ROWS ---- */

     .North-Blue tr:nth-child(odd) td:nth-child(3n+1) {
       background-color: rgba(var(--bg-firstcol-odd), var(--tabl-opaq));
       color: rgb(var(--p-firstcol-odd));
     }

     .North-Blue tr:nth-child(odd) td:nth-child(3n+2) {
       background-color: rgba(var(--bg-secondcol-odd), var(--tabl-opaq));
       color: rgb(var(--p-secondcol-odd));
     }

     .North-Blue tr:nth-child(odd) td:nth-child(3n+3) {
       background-color: rgba(var(--bg-thirdcol-odd), var(--tabl-opaq));
       color: rgb(var(--p-thirdcol-odd));
     }

     /* ---- EVEN ROWS ---- */

     .North-Blue tr:nth-child(even) td:nth-child(3n+1) {
       background-color: rgba(var(--bg-firstcol-even), var(--tabl-opaq));
       color: rgb(var(--p-firstcol-even));
     }

     .North-Blue tr:nth-child(even) td:nth-child(3n+2) {
       background-color: rgba(var(--bg-secondcol-even), var(--tabl-opaq));
       color: rgb(var(--p-secondcol-even));
     }

     .North-Blue tr:nth-child(even) td:nth-child(3n+3) {
       background-color: rgba(var(--bg-thirdcol-even), var(--tabl-opaq));
       color: rgb(var(--p-thirdcol-even));
     }

     /* =========================================================
        PARAGRAPH COLORS : NORTH-BLUE
        ========================================================= */

     /* ---- ODD ROWS ---- */

     .North-Blue tr:nth-child(odd) td:nth-child(3n+1) p:not([class]) {
       color: rgb(var(--p-firstcol-odd));
     }

     .North-Blue tr:nth-child(odd) td:nth-child(3n+2) p:not([class]) {
       color: rgb(var(--p-secondcol-odd));
     }

     .North-Blue tr:nth-child(odd) td:nth-child(3n+3) p:not([class]) {
       color: rgb(var(--p-thirdcol-odd));
     }

     /* ---- EVEN ROWS ---- */

     .North-Blue tr:nth-child(even) td:nth-child(3n+1) p:not([class]) {
       color: rgb(var(--p-firstcol-even));
     }

     .North-Blue tr:nth-child(even) td:nth-child(3n+2) p:not([class]) {
       color: rgb(var(--p-secondcol-even));
     }

     .North-Blue tr:nth-child(even) td:nth-child(3n+3) p:not([class]) {
       color: rgb(var(--p-thirdcol-even));
     }

     /* =========================================================
        PARAGRAPH 1st LETTER COLORS : NORTH-BLUE
        ========================================================= */

     /* ---- ODD ROWS ---- */

     .North-Blue tr:nth-child(odd) td:nth-child(3n+1) p:not([class])::first-letter {
       color: rgb(var(--pfl-firstcol-odd));
     }

     .North-Blue tr:nth-child(odd) td:nth-child(3n+2) p:not([class])::first-letter {
       color: rgb(var(--pfl-secondcol-odd));
     }

     .North-Blue tr:nth-child(odd) td:nth-child(3n+3) p:not([class])::first-letter {
       color: rgb(var(--pfl-thirdcol-odd));
     }

     /* ---- EVEN ROWS ---- */

     .North-Blue tr:nth-child(even) td:nth-child(3n+1) p:not([class])::first-letter {
       color: rgb(var(--pfl-firstcol-even));
     }

     .North-Blue tr:nth-child(even) td:nth-child(3n+2) p:not([class])::first-letter {
       color: rgb(var(--pfl-secondcol-even));
     }

     .North-Blue tr:nth-child(even) td:nth-child(3n+3) p:not([class])::first-letter {
       color: rgb(var(--pfl-thirdcol-even));
     }


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

       /* ============================
          TABLE BORDERS colors
          ============================ */

       .England {
         border: 4px solid rgba(82,82,84, var(--tabl-opaq));   /* table border */
         background-color: rgba(114, 114, 29, var(--tabl-opaq)); /* interstitial table color */
       }

       /* ============================
          CELL BORDERS colors
          ============================ */

       .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 */
       }

       /* =========================================================
          ENGLAND VARIABLES
          ========================================================= */

       .England {
         /* ===== Background Colors ===== */

         /* odd rows (cell 1) */
         --bg-firstcol-odd: 191,178,178;

         /* odd rows (cell 2) */
         --bg-secondcol-odd: 237,221,200;

         /* odd rows (cell 3) */
         --bg-thirdcol-odd: 230,160,120;

         /* even rows (cell 1) */
         --bg-firstcol-even: 200,200,134;

         /* even rows (cell 2) */
         --bg-secondcol-even: 79,114,184;

         /* even rows (cell 3) */
         --bg-thirdcol-even: 145,173,227;

         /* ===== Paragraph Colors ===== */

         /* odd rows (cell 1) */
         --p-firstcol-odd: 0,0,0;

         /* odd rows (cell 2) */
         --p-secondcol-odd: 0,0,128;

         /* odd rows (cell 3) */
         --p-thirdcol-odd: 123,104,238;

         /* even rows (cell 1) */
         --p-firstcol-even: 0,0,0;

         /* even rows (cell 2) */
         --p-secondcol-even: 128,0,0;

         /* even rows (cell 3) */
         --p-thirdcol-even: 123,104,238;

         /* ===== First Letter Colors ===== */

         /* odd rows (cell 1) */
         --pfl-firstcol-odd: 50,50,50;

         /* odd rows (cell 2) */
         --pfl-secondcol-odd: 25,25,112;

         /* odd rows (cell 3) */
         --pfl-thirdcol-odd: 72,61,139;

         /* even rows (cell 1) */
         --pfl-firstcol-even: 80,80,20;

         /* even rows (cell 2) */
         --pfl-secondcol-even: 90,0,0;

         /* even rows (cell 3) */
         --pfl-thirdcol-even: 72,61,139;
       }

   /* =========================================================
      BACKGROUND + BASE TEXT : ENGLAND
      ========================================================= */

       /* ---- ODD ROWS ---- */

       /* controls 1st cell of ev odd row */
       .England tr:nth-child(odd) td:nth-child(3n+1) {
         background-color: rgba(var(--bg-firstcol-odd), var(--tabl-opaq));
         color: rgb(var(--p-firstcol-odd));
         text-align: center;
       }

       /* controls 2nd cell of ev odd row */
       .England tr:nth-child(odd) td:nth-child(3n+2) {
         background-color: rgba(var(--bg-secondcol-odd), var(--tabl-opaq));
         color: rgb(var(--p-secondcol-odd));
         text-align: center;
       }

       /* controls 3rd cell of ev odd row */
       .England tr:nth-child(odd) td:nth-child(3n+3) {
         background-color: rgba(var(--bg-thirdcol-odd), var(--tabl-opaq));
         color: rgb(var(--p-thirdcol-odd));
         text-align: center;
       }

       /* ---- EVEN ROWS ---- */

       /* controls 1st cell of ev even row */
       .England tr:nth-child(even) td:nth-child(3n+1) {
         background-color: rgba(var(--bg-firstcol-even), var(--tabl-opaq));
         color: rgb(var(--p-firstcol-even));
         text-align: center;
       }

       /* controls 2nd cell of ev even row */
       .England tr:nth-child(even) td:nth-child(3n+2) {
         background-color: rgba(var(--bg-secondcol-even), var(--tabl-opaq));
         color: rgb(var(--p-secondcol-even));
         text-align: center;
       }

       /* controls 3rd cell of ev even row */
       .England tr:nth-child(even) td:nth-child(3n+3) {
         background-color: rgba(var(--bg-thirdcol-even), var(--tabl-opaq));
         color: rgb(var(--p-thirdcol-even));
         text-align: center;
       }

       /* =========================================================
          PARAGRAPH COLORS : ENGLAND
          ========================================================= */

       /* ---- ODD ROWS ---- */

       .England tr:nth-child(odd) td:nth-child(3n+1) p:not([class]) {
         color: rgb(var(--p-firstcol-odd));
       }

       .England tr:nth-child(odd) td:nth-child(3n+2) p:not([class]) {
         color: rgb(var(--p-secondcol-odd));
       }

       .England tr:nth-child(odd) td:nth-child(3n+3) p:not([class]) {
         color: rgb(var(--p-thirdcol-odd));
       }

       /* ---- EVEN ROWS ---- */

       .England tr:nth-child(even) td:nth-child(3n+1) p:not([class]) {
         color: rgb(var(--p-firstcol-even));
       }

       .England tr:nth-child(even) td:nth-child(3n+2) p:not([class]) {
         color: rgb(var(--p-secondcol-even));
       }

       .England tr:nth-child(even) td:nth-child(3n+3) p:not([class]) {
         color: rgb(var(--p-thirdcol-even));
       }

       /* =========================================================
          PARAGRAPH 1st LETTER COLORS : ENGLAND
          ========================================================= */

       /* ---- ODD ROWS ---- */

       .England tr:nth-child(odd) td:nth-child(3n+1) p:not([class])::first-letter {
         color: rgb(var(--pfl-firstcol-odd));
         font-size: 2.0em;
       }

       .England tr:nth-child(odd) td:nth-child(3n+2) p:not([class])::first-letter {
         color: rgb(var(--pfl-secondcol-odd));
         font-size: 2.0em;
       }

       .England tr:nth-child(odd) td:nth-child(3n+3) p:not([class])::first-letter {
         color: rgb(var(--pfl-thirdcol-odd));
         font-size: 2.0em;
       }

       /* ---- EVEN ROWS ---- */

       .England tr:nth-child(even) td:nth-child(3n+1) p:not([class])::first-letter {
         color: rgb(var(--pfl-firstcol-even));
         font-size: 2.0em;
       }

       .England tr:nth-child(even) td:nth-child(3n+2) p:not([class])::first-letter {
         color: rgb(var(--pfl-secondcol-even));
         font-size: 2.0em;
       }

       .England tr:nth-child(even) td:nth-child(3n+3) p:not([class])::first-letter {
         color: rgb(var(--pfl-thirdcol-even));
         font-size: 2.0em;
       }


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

/* =========================================================
   CW-BLACK TABLE
   ========================================================= */

.CW-Black {
  border: 4px solid rgba(105,105,105, var(--tabl-opaq));   /* DimGrey */
  background-color: rgba(20,20,20, var(--tabl-opaq));
}

.CW-Black th,
.CW-Black td {
  padding: 1rem;
  text-align: center;
  border: 2px solid rgba(255,255,255, var(--tabl-opaq));
}

/* =========================================================
   CW-BLACK VARIABLES
   ========================================================= */

.CW-Black {
  /* ===== Background Colors ===== */

  /* odd rows (cell 1) */
  --bg-firstcol-odd: 196,196,196;

  /* odd rows (cell 2) */
  --bg-secondcol-odd: 179,179,170;

  /* odd rows (cell 3) */
  --bg-thirdcol-odd: 186,189,203;

  /* even rows (cell 1) */
  --bg-firstcol-even: 174,68,68;

  /* even rows (cell 2) */
  --bg-secondcol-even: 171,112,112;

  /* even rows (cell 3) */
  --bg-thirdcol-even: 124,73,44;

  /* ===== Paragraph Colors ===== */
  /* set these as you like */

  --p-firstcol-odd: 0,0,0;
  --p-secondcol-odd: 0,0,0;
  --p-thirdcol-odd: 255,255,255;

  --p-firstcol-even: 0,0,0;
  --p-secondcol-even: 0,0,0;
  --p-thirdcol-even: 255,255,255;

  /* ===== First Letter Colors ===== */
  /* set these independently too */

  --pfl-firstcol-odd: 0,0,0;
  --pfl-secondcol-odd: 0,0,0;
  --pfl-thirdcol-odd: 255,255,255;

  --pfl-firstcol-even: 0,0,0;
  --pfl-secondcol-even: 0,0,0;
  --pfl-thirdcol-even: 255,255,255;
}

/* =========================================================
   BACKGROUND + BASE TEXT : CW-BLACK
   ========================================================= */

/* ---- ODD ROWS ---- */

.CW-Black tr:nth-child(odd) td:nth-child(3n+1) {
  background-color: rgba(var(--bg-firstcol-odd), var(--tabl-opaq));
  color: rgb(var(--p-firstcol-odd));
}

.CW-Black tr:nth-child(odd) td:nth-child(3n+2) {
  background-color: rgba(var(--bg-secondcol-odd), var(--tabl-opaq));
  color: rgb(var(--p-secondcol-odd));
}

.CW-Black tr:nth-child(odd) td:nth-child(3n+3) {
  background-color: rgba(var(--bg-thirdcol-odd), var(--tabl-opaq));
  color: rgb(var(--p-thirdcol-odd));
}

/* ---- EVEN ROWS ---- */

.CW-Black tr:nth-child(even) td:nth-child(3n+1) {
  background-color: rgba(var(--bg-firstcol-even), var(--tabl-opaq));
  color: rgb(var(--p-firstcol-even));
}

.CW-Black tr:nth-child(even) td:nth-child(3n+2) {
  background-color: rgba(var(--bg-secondcol-even), var(--tabl-opaq));
  color: rgb(var(--p-secondcol-even));
}

.CW-Black tr:nth-child(even) td:nth-child(3n+3) {
  background-color: rgba(var(--bg-thirdcol-even), var(--tabl-opaq));
  color: rgb(var(--p-thirdcol-even));
}