/* 2026 01 13 VE2AAY First incarnation */
.my-sxs-std { /* Side-by-Side layout, Standard: Item on left moves to top if browser window too small.  See @media rule below. */
  display: flex;
  flex-direction: row;
  align-items: flex-start; /* 2021 05 22 */
  max-width: 80em; /* 64*16=1024, 80*16=1280 Needs to be confirmed */
}
.my-sxs-std div {
  margin-bottom: 0.5rem; /* Space-out the items when they are forced to vertical */
  margin-right: 0.5rem;
}

.my-sxs-rev { /* Side-by-Side layout, Reverse: Item on right moves to top if browser window too small.  See @media rule below. */
  display: flex;
  flex-direction: row;
  align-items: flex-start; /* 2021 05 22 */
  max-width: 80em; /* 64*16=1024, 80*16=1280 Needs to be confirmed */
}
.my-sxs-rev div {
  margin-bottom: 0.5rem; /* Space-out the items when they are forced to vertical */
  margin-right: 0.5rem;
}

/* Responsive layout - makes a one column-layout instead of two-column layout */
/* The 'only' operator is used to apply a style only if an entire query matches, and is useful for preventing older browsers from applying selected styles. */
@media only screen and (max-width: 44rem) { /* The maximum width of the display area, such as a browser window */
  /* Child element on the right moves to top when space is tight. */
  .my-sxs-rev {
    flex-direction: column-reverse;
  }
  /* Child element on the left moves to top when space is tight. */
  .my-sxs-std {
    flex-direction: column;
  }
  .my-view-small {
    display: inline-block; /* When screen narrows, reveal text meant for narrow screen. */
  }
  .my-view-large {
    display: none; /* When screen narrows, hide text meant for large screen. */
  }
} /* End of Media Query section */

.my-li2 li { margin-top:0.2em; } /* 2021 05 07 */

.my-li842 li { margin-top:0.8em; } /* Bullet separation */
.my-li842 li ul li { margin-top:0.4em; } /* First nested list */
.my-li842 li ul li ul li { margin-top:0.2em; } /* Second nested list */

.my-indent { margin-left: 1.25rem; }
.my-indent-double { margin-left: 2.50rem; }
.my-spacev { margin-top: 1.25rem; } /* Was margin-top:20px; */
.my-txt-cntr { text-align: center; }
.my-w60 { width: 60%; }
.my-w80 { width: 80%; }