/*  Stylesheet for jMenu
    JSON-Controlled Navigation Bar
    (c)2020 Jesse R Luckett, LuckettEngineering.com. All rights reserved.
*/

body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
body {
  font-family: verdana;
  background-color: goldenrod;
}
#jNavbar {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  Zbackground-color: rgba(127,127,127,0.7);
  background: black; url('/codereserve/images/geometric-1732847_1920-pixabay.jpg');
  color: white;
  font-family: arial;
  font-size: 11pt;
  z-index: 9980;
}
#jNavbarSub div {
  position: fixed;
  font-family: arial;
  font-size: 11pt;
  background-color: rgba(127,127,127,0.7);
  color: white;
  z-index: 9981;
}
#jNavbar ul, #jNavbarSub ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#jNavbar ul li, #jNavbarSub ul li {
  padding: 12px 12px;
  cursor: pointer;
  z-index: inherit;
}
#jNavbar ul li:hover, #jNavbarSub ul li:hover {
  background-color: rgba(64,64,64,1.0);
}
#jNavbarSub .jMSep {
  border-top: 2px solid gray;
}
.submenu {
}
.lf {
  float: left;
}
.rt {
  float: right;
}
.hover-fade {
  transform: perspective(1px) translateZ(0);
  -webkit-transform: perspective(1px) translateZ(0);
  transition-duration: 1s;
  -webkit-transition-duration: 1s;
  transition-property: color, background-color;
  -webkit-transition-property: color, background-color;
}