/* This is the style for the Universal Ethics pages.  It now specifies some
   details formerly left to browsers, to prevent weird results on mobile devices.
   It is a "white page" style. Copyright Arthur de Leyssac, 2023.*/

/* Set colors, font and font size to be used on page. */
BODY {color:black; background:white; font-family: "Times New Roman", Georgia, serif; font-size: 16px }

/* Set color and sizes of headings */
 H1 {color:red; font-size: 2em}
 H2 {color:green; font-size: 1.5em}
 H3 {color:purple; font-size: 1.3em}

/* Set color of hyperlink text and of previewed hyperlink text:
   enforce defaults of blue, purple, red */
 A:link {color:blue}
 A:visited {color:purple}
 A:active {color:red}

/* Set maximum width for narrative, for easier reading on wide screen. */
  .Story {max-width: 1000px; margin-left: auto; margin-right: auto}

/* Put our favorite border on all tables by default. */
 TABLE {border-style: solid; border-width: thin; border-color: gray}
 TH {border-style: solid; border-width: thin; border-color: black}
 TD {border-style: solid; border-width: thin; border-color: black}

/* Define table class Border0 that removes borders from table and cells. */
  .Border0, .Border0 TH, .Border0 TD
  {
      border-style:none
  }

/* If display window gets too small, put the logo on its own row.
   There are two logos in the web page, so we just need to show
   the right one depending on window width. */
@media only screen and (min-width: 601px) {
  .HideUnlessNarrow {display: none}
}
/* On narrow screen, remove the left-side logo. */   
@media only screen and (max-width: 600px) {
  .ShowUnlessNarrow {display: none}
}

/* Override styles when printing. */
@media print {
  .HideUnlessNarrow {display: none}   /* Remove extra logo */
}