@font-face {
	font-family:"Lucid-Sans-Display-Regular"; /*GT America Regular*/
	src: url("../fonts/Lucid-Sans-Display-Regular.woff") format('woff');
  }

  @font-face {
	font-family:"Lucid-Sans-Display-Medium"; /*GT America Medium*/
	src: url("../fonts/Lucid-Sans-Display-Medium.woff") format('woff');
  }

  @font-face {
	font-family:"Lucid-Sans-Display-Light"; /*GT America Light*/
	src: url("../fonts/Lucid-Sans-Display-Light.woff") format('woff');
  }

  @font-face {
	font-family:"Lucid-Sans-Display-Thin"; /*GT America Thin*/
	src: url("../fonts/Lucid-Sans-Display-Thin.woff") format('woff');
  }

  @font-face {
	font-family:"Lucid-Serif-Display-Light"; /*SchnyderL-Light*/
	src: url("../fonts/Lucid-Serif-Display-Light.otf") format('otf');
  }
  
  html {
    background: white;
    /* Disables text selection. */
    user-select: none; 
    width: 100%;
    height: 100%;
  	-webkit-tap-highlight-color: rgba(0,0,0,0);
    scroll-behavior: smooth;
  }

  /* Disable external links */
  [rel="external noopener"], .extLink {
    color: #726251;    
    cursor: not-allowed;
    text-decoration: none;  
    pointer-events: none;
  }

  body {
    height: 100%;
    margin: 0;
    padding: 50px;
    /* word-wrap: break-all !important; */
  }

  .body > * {
    margin: 0;
    padding-bottom: 20px;
  }

  article {
    height: 100%;
    width: 100%;
  }
  
  p, .p, section {
	font-family:"Lucid-Sans-Display-Regular"; /*GT America Regular*/
    font-style: normal;
    font-size: 28px;
    text-align: start;
    line-height: 35px;
  }

  .p {
    margin: 0;
    margin-top: 0;
  }
  
  li > p {
    margin: 0;
  }

  .note {
	font-family:"Lucid-Sans-Display-Regular"; /*GT America Regular*/
    font-size: 28px;
  }
  
  .title {
	font-family:"Lucid-Sans-Display-Medium"; /*GT America Medium*/
  }
  
  span.note__title {
	font-family:"Lucid-Sans-Display-Light"; /*GT America Light*/
  }

  .note .notetitle, .note .notelisttitle,
  .note .note__title {
	font-family:"Lucid-Sans-Display-Medium"; /*GT America Medium*/
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
 
/* Remove unwanted tags */
  [class *= "danger"] .note__title{
				display: none;
  }
  
  [class *= "caution2"] .note__title{
				display: none;
  }
  
  [class *= "warning2"] .note__title{
				display: none;
  }
  
/* Relpace incorrect tags with correct ones */
  [class *= "tip"] .note__title:before{
	  	content: "xxx"; /*Required for additional spacing*/
  }
  
  [class *= "tip"] .note__title{
		  visibility: hidden;
		  position: relative;
  }	

  [class *= "tip"] .note__title:after{
			visibility: visible;
			position: absolute;
			top: 0;
			left: 0;
			content: "Tools:";
  }
  
  [class *= "caution3"] .note__title{
		  visibility: hidden;
		  position: relative;
  }	

  [class *= "caution3"] .note__title:after{
			visibility: visible;
			position: absolute;
			top: 0;
			left: 0;
			content: "Caution :";
  }
  
  [class *= "warning3"] .note__title{
		  visibility: hidden;
		  position: relative;
  }	

  [class *= "warning3"] .note__title:after{
			visibility: visible;
			position: absolute;
			top: 0;
			left: 0;
			content: "Warning :";
  } 
  
  
  .note_note::before {
    content: "";
    display: block;
    background: url("../icons/note.png") no-repeat;
    width: 21px;
    height: 21px;
    float: left;
    margin: 9px 8px 0 0;
  } 
  .note_warning::before {
    content: "";
    display: block;
    background: url("../icons/warning.svg") no-repeat;
    width: 21px;
    height: 21px;
    float: left;
    margin: 9px 8px 0 0;
  }
  
  .note_caution::before {
    content: "";
    display: block;
    background: url("../icons/caution.svg") no-repeat;
    width: 21px;
    height: 21px;
    float: left;
    margin: 9px 8px 0 0;
  }
  
  .caution2::before {
    content: "";
    display: block;
    background: url("../icons/caution2.svg") no-repeat;
    width: 80px;
    height: 21px;
    float: left;
    margin: 9px 8px 0 0;
  }
 
   .caution3::before {
    content: "";
    display: block;
    background: url("../icons/caution3.svg") no-repeat;
    width: 21px;
    height: 21px;
    float: left;
    margin: 9px 8px 0 0;
  }
  
   .warning2::before {
    content: "";
    display: block;
    background: url("../icons/warning2.svg") no-repeat;
    width: 80px;
    height: 21px;
    float: left;
    margin: 9px 8px 0 0;
  }
  
  .warning3::before {
    content: "";
    display: block;
    background: url("../icons/warning3.svg") no-repeat;
    width: 21px;
    height: 21px;
    float: left;
    margin: 9px 8px 0 0;
  }
  
   .note_tip::before {
    content: "";
    display: block;
    background: url("../icons/tip.png") no-repeat;
    width: 21px;
    height: 21px;
    float: left;
    margin: 9px 8px 0 0;
  }
  
   .note_danger::before {
    content: "";
    display: block;
    background: url("../icons/danger.svg") no-repeat;
    width: 80px;
    height: 21px;
    float: left;
    margin: 9px 8px 0 0;
  }
  
  .information::before {
    content: "";
    display: block;
    background: url("../icons/information.png") no-repeat;
    width: 21px;
    height: 21px;
    float: left;
    margin: 9px 8px 0 0;
  }
  
  .note_important::before {
    content: "";
    display: block;
    background: url("../icons/important.png") no-repeat;
    width: 21px;
    height: 21px;
    float: left;
    margin: 9px 8px 0 0;
  }
  .note_trouble::before {
    content: "";
    display: block;
    background: url("../icons/trouble.svg") no-repeat;
    width: 21px;
    height: 21px;
    float: left;
    margin: 9px 8px 0 0;
  }
  
  .note_attention::before {
    content: "";
    display: block;
    background: url("../icons/Environmental.png") no-repeat;
    width: 21px;
    height: 21px;
    float: left;
    margin: 9px 8px 0 0;
  }
  
   .note_remember::before {
    content: "";
    display: block;
    background: url("../icons/remember.svg") no-repeat;
    width: 21px;
    height: 21px;
    float: left;
    margin: 9px 8px 0 0;
  }
 
  .note_restriction::before {
    content: "";
    display: block;
    background: url("../icons/restrict.svg") no-repeat;
    width: 21px;
    height: 21px;
    float: left;
    margin: 9px 8px 0 0;
  } 
  .sectiontitle {
    font-size: 25px;
    margin-bottom: 20px;
  } 

  .topictitle1 {
    font-size: 30px;
    padding-bottom: 30px;
  }

  .table {
	font-family:"Lucid-Sans-Display-Light"; /*GT America Light*/
    margin: 25px auto;
    border: 1px solid black;
    border-collapse: collapse;
    font-size: 28px;
    width: 100%;
  }

  table p.p {
	font-family:"Lucid-Sans-Display-Light"; /*GT America Light*/
    font-size: 28px;
  }

  thead > tr {
    font-size: 23px; 
    vertical-align: left; 
  }

  tr > .align-center {
    vertical-align: left;
  }

  th, td {
    border: 1px solid black;
  }
  
  th {
    padding: 12px 8px;
    text-align: left;
    background-color: #101010;
    color: white;
  }

  td {
    padding: 8px;
  }

  .valign-middle {
    text-align: center;
  }
  
  .figborder {
    border-color: white;
    margin: 0;
  }

  .figdesc {
	font-family:"Lucid-Sans-Display-Regular"; /*GT America Regular*/
    font-size: 28px;
  }
  
  .fig {
    margin: 0;
  }

  .uicontrol {
    font-weight: bold;
    font-size: 25px;
}

  /* This is supposed to make the image more responsive for different viewing experiences.*/
  
  .image {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 100%; 
    /* padding: 25px 0; */
  }

  tr td .image {
    width: auto;
    padding: 0;
  }

  ol {
	font-family:"Lucid-Sans-Display-Medium"; /*GT America Medium*/
    padding: 0;
    margin-left: 40px;
    overflow-wrap: break-word;
    list-style: number;
  }

  .ul, .ol {
	font-family:"Lucid-Sans-Display-Regular"; /*GT America Regular*/
    font-size: 28px;
  }

  .ul {
    list-style: disc; 
  }

  a, li {
    overflow-wrap: break-word;
    padding: 5px 0;
  }

  ol > li {
    padding-left: 5px;
  }

  .rowsep-1 {
    padding: 5px 15px;
  }

  tbody {
    text-align: left;
  }

  .relref {
    display: none;
  }

  .image.icon-inline {
  
    display: inline;
    height: 21px;
    width: 21px;
    padding: 0 5px;
  }

  .image.icon-standard-inline {
    height: auto;
    width: auto;
    margin-top: 36px;
    margin-bottom: 36px;
  }

  .image.icon-standard {
    height: 114px;
    width: 114px;
  }

  img[width="15"] { width: 21px; height: 21px; display: inline; padding: 0 5px;}
  
  img[height="15"] { width: 21px; height: 21px; display: inline; padding: 0 5px;}

  img[height="16"] { width: 21px; height: 21px; display: inline; padding: 0 5px;}

  img[height="36"] { width: 36px; height: 36px; display: block; margin: auto;}

  /* Scrollbar customization. Will only work for webkit browsers */
  
  ::-webkit-scrollbar {
    height: 3px;
    width: 3px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: white;
  }
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: hsla(31, 54%, 76%, 1);
    visibility: hidden;
  }

  :hover::-webkit-scrollbar-thumb {
    visibility: visible;
  }
  /*/

  /* The following CSS is for the Cover Page Only */
  #coverHTML {
    min-height: 100vh;
    min-width: 100vw;
    margin: 0;
    background: hsla(0, 0%, 6%, 1);
    /* Disables text selection. */
    user-select: none; 
  }
    
  #coverBody {
    min-height: 100vh;
    min-width: 100vw;
    margin: 0;
    background: hsla(0, 0%, 6%, 1);
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }

  #car {
    margin-top: auto;
    display: block;
    height: 45vh;
    width: 100vw;
  }

  #banner {
    padding: 5vw 5vh;
    height: 55vh;
    display: flex;
    flex-direction: column;
  }

  .coverImg {
    display: block;
    height: auto;
    width: auto;
    max-width: 100%;
  }

  #coverTitle {
    font-family: 'Lucid-Serif-Display-Light';/*SchnyderL-Light*/
    font-size: 7vw;
    color: white;
    line-height: normal;
  }

  #coverLogo {
    max-width: 35vw;
    margin-top: auto;
  }

  .links, a {
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: #726251;
    font-size: 30px;
	/*font-family:"Lucid-Sans-Display-Thin"; /*GT America Thin*/ */
  }

  h1 {
    margin: 0;
  }

  .anchorLinks {
    margin-bottom: 30px;
  }

  .p-link {
    margin: 0;
  }

  .component {
    width: 100%;
    margin-bottom: 10px;
  }
  /* Mobile only styles */
  @media only screen and (max-device-width: 700px) {

    br {
      display: none;
    }
    
    body {
      padding: 5%;
    }

    .links, a {
      font-size: 18px;
	` /*font-family:"Lucid-Sans-Display-Thin"; /*GT America Thin*/ */
    }

    .topictitle1 {
      font-size: 24px;
      margin: 0;
      padding-bottom: 13px;
      line-height: 28px;
    }

    .p {
      font-size: 18px;
      line-height: 27px;
    }
    
    .ul, .ol {
      font-size: 16px;
    }

    .note .notetitle, .note .notelisttitle, .note .note__title {
      font-size: 16px;
      line-height: 20px;
    }

    .note {
      font-size: 18px;
      line-height: 27px;
    }

    .note > p {
      margin: 0;
    }

    .image {
      padding: 16px 0;
    }

    .sectiontitle {
      font-size: 18px;
      margin-bottom: 8px;
    }

    .uicontrol {
      font-size: 16px;
    }
  }