/* BeeBEEP CSS */

/*
*-warning changes the color to yellow #ffc107.
*-danger changes the color to red #dc3545.
*-dark changes the color to dark gray #343a40.
*-secondary changes the color to gray #6c757d.
*/

.beebeep-home-carousel .carousel-item img {
  max-width: 960px;
  max-height: 720px;
  margin: 0 auto;
}

.beebeep-help-menu {
  overflow-y: scroll;
  overflow-x: auto;
}

.beebeep-help-menu .list-group-item.active {
  background-color: #ffc107;
  color: #000;
  border-color: #343a40;
}

.beebeep-help-container {
  color: inherit;
}

.beebeep-help-container h2 {
  color: #343a40;
  margin-bottom: 0rem;
}

.beebeep-help-container h4 {
  color: #6c757d;
  margin-bottom: .6rem;
}

.beebeep-help-container h5 {
  color: #6c757d;
}

.beebeep-help-container hr {
  background-color: #ffc107;
  width: 50%;
  margin: 6rem auto;
}

.beebeep-help-container p>strong {
  color: #343a40;
}

.beebeep-help-container code {
  background-color: #343a40;
  color: #fff;
  padding: .2rem .4rem;
}

.beebeep-help-container em {
  color: #6c757d;
}

.source-code {
  background-color: #343a40;
  color: #fff;
  padding: 1rem;
  margin-bottom: 1rem;
  word-wrap: break-word;
}

code {
  background-color: #343a40;
  color: #fff;
  word-wrap: break-word;
}

.wmRawHtml p>strong {
  color: #343a40;
  font-weight: 900;
}

.beebeep-tips section {
  margin-bottom: 3rem;
}

.beebeep-faq section {
  margin-bottom: 3rem;
}

.beebeep-file-path {
  color: #5bc0de;
  word-wrap: break-word;
}

.beebeep-file-path-no-color {
  word-wrap: break-word;
}

.beebeep-menu-item {
  color: #5bc0de;
  word-wrap: break-word;
}

.beeebeep-faq-list > li {
  margin-bottom: 1rem;
}

.beebeep-faq-question {
  color: #6c757d;
  font-style: italic;
}

.beebeep-faq h5 {
  font-style: italic;
}