/* Site-specific overrides (no Sass required). */

.site-logo {
  display: block;
  height: 40px;
  width: auto;
  max-width: 100%;
}

/* Breadcrumb divider: plain text, no icon font. */
.breadcrumb-item + .breadcrumb-item::before {
  content: "/";
}

pre code {
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-left: 3px solid #506690;
  page-break-inside: avoid;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;
  font-size: 12px;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1em 1.2em;
  display: block;
}

code {
  border: 1px solid #e9ecef;
  padding: 0.1em 0.2em;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;
  font-size: 14px;
  color: #506690;
}

/* Prevent offscreen carousel cells from spilling out. */
.carousel {
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .carousel-cell {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .carousel-cell {
    width: 50%;
  }
}