/** File:  \I-Drive\Kits\DigitalImaging\NikonZfc\Errata\Errata.css
 *  maintained by Jesse M. Heines, jesse@jesseheines.com
 *  Copyright (c) 2024 by Jesse Heines.  All rights reserved.  May be freely 
 *    copied or excerpted for educational purposes with credit to the author.
 *  updated by JMH on January 6, 2024 at 9:40 PM
 *  updated by JMH on January 8, 2024 at 2:00 PM
 *  updated by JMH on January 15, 2024 at 8:54 PM
 *  updated by JMH on January 16, 2024 at 9:52 AM
 *  updated by JMH on February 13, 2024 at 2:19 PM
 *  updated by JMH on February 14, 2024 at 11:38 AM
 *  updated by JMH on February 15, 2024 at 7:33 PM
 */

* {
  /* color: #404040; */
  color: black;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  line-height: 1.5em;
  margin-top: 0;
  margin-bottom: 0;
}
h2, h3, h3 em {
  color: blue;
}
h3 {
  margin-top: 1.5em;
}
h3 ~ p {  /* subsequent-sibling combinator */
  margin-top: 0.5em;
}
a {
  text-decoration: none;
  color: green;
}
a:hover {
  /* text-decoration: underline; */
  font-weight: bold;
}
.i {
  font-family: 'Times New Roman', 'Times Roman', serif;
  font-weight: bold;
  font-style: italic;
  font-size: 1.2em;
}
.delete {
  text-decoration: line-through; 
  color: red;
}

/* classes for key cap notations */
/* the following class is obsolete as of July 2, 2022 */
.key0 {                    /* reverse video key cap */
  background-color: black; /* brownish = RGB( 102, 0, 0 ) */
  color: white ;           /* light yellow */
  padding: 0 0.33em;       /* a bit of space inside the left and right borders */
  border: 1px solid black; /* border around text */
  border-radius: 0.33em;   /* rounded corners on border */
  font-weight: bold;       /* enhance text */
  font-family: Arial;      /* change from the default font */
  font-style: normal;      /* suppress italics */
  white-space: nowrap;     /* to suppress automatic text wrapping */
}
/* key cap for normal character sequences */
.key, key, .keyI, keyI {   /* rules for all key caps */
  padding: 0 0.25em;       /* a bit of space inside the left and right borders */
  border: 2px solid black; /* border around text */
  border-radius: 0.35em;   /* rounded corners on border */
  font-weight: bold;       /* enhance text */
  margin: 0 0.1em;         /* add space to the left and right */
  font-size: 0.85em;       /* reduce font size slightly */
  font-family: Arial;      /* change from the default font */
  font-style: normal;      /* suppress italics */
  white-space: nowrap;     /* to suppress automatic text wrapping */
}
/* additional rules for the capital I key cap */
.keyI, keyI {
  font-family:             /* all sans-serif fonts */
    Lucida Console, Ubuntu Mono,
    Lucida Sans Typewriter, Lucida Sans Typewriter Regular,
    Terminal, Courier New, Courier;
  font-size: 0.95em;       /* special size for the letter I in code */
}

/* lowercase i */
.keyi {
  font-family: Times New Roman; 
  font-weight: bold; 
  font-style: italic;
}
.keyi-circle {
  padding: 0 0.4em;        /* a bit of space inside the left and right borders */
  border: 2px solid black; /* border around text */
  border-radius: 50%;      /* rounded corners on border */
}

/* Font Awesome icons */
i {
  position: relative;
  top: 0px;
}
i.fa-arrow-right {
  color: #666;
  padding: 0 0.2em;
}

/* images */
#imgBookCover {
  float: right ;
  margin: 0 0 1em 1em ;
  border: 1px solid black ;
}
#imgLensFlash {
  float: right ;
  margin: 1em 0 1em 1em ;
  height: 236px ;
}

td {
  text-align: center;
  font-weight: bold;
  font-style: italic;
  padding: 0;
}
table tr:nth-child(2) td {
  position: relative; 
  top: -.4em;
  /* color: red; */
}

#tblDiopterControl, #tblFig2-8, #tblExpCompDial, #tblHelpButton {
  float: right ;
  margin-left: 1em;
  border-spacing: 0;
  border-collapse: collapse;
}
#imgDiopterControl, #imgExpCompDial {
  border: 1px solid black ;
  height: 10em ;
}
#imgFig2-8 {
  height: 18em ; 
}

#tblExpCompDial tr:nth-child(2) td, #tblHighlightDisplayPatterns tr:nth-child(2) td,
#tblRuleOfThirds tr:nth-child(2) td {
  padding-top: 0.2em ;
  line-height: 1.1em ;
}

#tblHelpButton tr:nth-child(2) td {
  padding-top: 0.2em ;
  line-height: 1.2em ;
}
#imgHelpButton {
  border: 2px solid black ;
  height: 8em ;
}

/* Reference Guide excerpts */

#divNewPowerZoomOptions_RefGuide_p624, #divEasyExposureCompensation_RefGuide_p353,
#divTimecode_RefGuide_p340, #divAutoModeExposureComp_RefGuide_p355,
#tblHighlightDisplayPatterns, #tblRuleOfThirds {
  margin: 1em 0 0 5em ;
}
#imgNewPowerZoomOptions_RefGuide_p624, #imgEasyExposureCompensation_RefGuide_p353,
#imgTimecode_RefGuide_p340, #imgAutoModeExposureComp_RefGuide_p355 {
  width: 29em ;
  padding: 0.5em ;
  background-color: #d5efd1 ;
  border: 1px solid black ;
}
#imgNewPowerZoomOptions_RefGuide_p624, #tblRuleOfThirds tr td img {
  border: 1px solid black ;
}
#tblHighlightDisplayPatterns tr td img, #tblRuleOfThirds tr td img {
  width: 20em ;
}
#tblHighlightDisplayPatterns tr td:nth-child(2), #tblRuleOfThirds tr td:nth-child(2)  {
  width: 1em ;
}


/* colors */
red, green, blue {
  font-weight: bold ;
}
red, .red {
  color: red ;
}
green, .green {
  color: green ;
}
blue, .blue {
  color: blue ;
}

/* utilities */
nowrap, .nowrap {
  white-space: nowrap ;
}

/* special cases */
#discrepancies li {
  margin-top: 0.5em ;
}

/* for my iPhone 12 */
@media only screen and (max-device-width: 576px) {
  body {
    font-size: 2.5rem ;
  }
  h2, p, li, strong {
    line-height: 1.2em ;
  }
  td {
    line-height: 1em ;
  }
  #imgBookCover {
    width: 330px ;
  }
  #tblDiopterControl tr:nth-child(2) td,
  #tblFig2-8 tr:nth-child(2) td,
  #tblExpCompDial tr:nth-child(2) td {
    padding-top: 0.4em ;
  }
  #imgDiopterControl {
    margin-top: 0.5em ;
  }
  #imgDiopterControl, #imgExpCompDial {
    border: 5px solid black ;
  }
  #imgDiopterControl, #imgExpCompDial, #imgLensFlash {
    height: 8em ;
  }
  #divNewPowerZoomOptions_RefGuide_p624, #divEasyExposureCompensation_RefGuide_p353,
  #divTimecode_RefGuide_p340, #divAutoModeExposureComp_RefGuide_p355,
  #tblHighlightDisplayPatterns, #tblRuleOfThirds {
    margin: 1em 0 0 0em ;
  }
  #imgNewPowerZoomOptions_RefGuide_p624, #imgEasyExposureCompensation_RefGuide_p353,
  #imgTimecode_RefGuide_p340, #imgAutoModeExposureComp_RefGuide_p355 {
    width: 95.5% ;
  }
  #tblHighlightDisplayPatterns tr td img, #tblRuleOfThirds tr td img {
    width: 100% ;
  }
  #imgHelpButton {
    border: 3px solid black ;
    height: 6em ;
    margin-top: 1em ;
  }
}