@import url(/css/bootstrap5/bootstrap.css);
@import url(/css/lightbox.css);
@import url(/css/window-tab.css);

body {
  color: #dddddd; background-color: #333333;
}

h1 {
  font-size: 1.5rem;
  font-weight: bold;
}

h2 {
  background-color: #000;
  font-size: 1.2rem;
  font-weight: bold;
  padding: .3rem 1rem;
  border: solid 2px #666666; border-radius: .5rem;
  margin-bottom: 2rem;
}

h3 {
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 1rem;
}

section {
  text-align: justify;
}

footer {
  min-height: 50px;
  text-align: center;
  padding-top: 1rem;
  border-top: 1px solid #666666;
  margin-top: 1.5rem;
}

footer .copy {
  font-size: .9rem;
  color: #666666;
}

@media (min-width: 768px) { /* md */
  #navigation {
    border-right: dashed 1px #444;
  }
}

#navigation ul.nav li a {
  padding-top: .15rem; padding-bottom: .15rem;
}

#navigation ul.nav li a:hover,
#navigation ul.nav li a:focus {
  color: #dddddd; background-color: #222222;
}

#navigation ul.nav li ul {
  margin-left: 1rem;
}

section.section {
  margin-bottom: 7rem;
}

section.subsection {
  margin-top: 4rem;
}

#menu dl dt {
  position: relative;
  padding-left: 2rem;
  margin-bottom: .5rem;
}

#menu dl dt::before {
  position: absolute; left: 0;
  content: "■";
}

#menu dl dd {
  margin-left: 2rem;
}

#menu dl dd + dd {
  margin-top: -.2rem;
}

#overlay {
  z-index: 1250 !important;
}

#lightbox {
  z-index: 1260 !important;
}