@import url('https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap');
body {
  color: #333333;
  background: #F7F7F7;
  font-family: 'Helvetica Neue', Arial, sans-serif;
  /* font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif */
}
h1, h2, h3, h4, h5, h6 {
  /* font-family: 'Georgia', serif; */
  font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
  /* Fallback fonts */
  font-weight: 700; /* Bold font weight for headings (can be adjusted based on preference) */
}
.site-title {
  font-family: 'Arial', sans-serif; /* Use a bold sans-serif font */
  font-weight: 700; /* Bold font weight for added emphasis */
  color: #333333; /* Text color for the title */
  text-transform: uppercase; /* Convert the title text to uppercase for added emphasis */
}
.blog-post {
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  max-width: 100% !important;
  overflow-x: hidden !important;
  /* border-bottom: 1px solid #ccc; */
  background: #F7F7F7;
}

pre {
  padding: .75rem;
}

.blog-post-title {
  margin-bottom: 0rem;
  font-size: 2.0rem;
}

.blog-post-meta {
  margin-bottom: 1.25rem;
  margin-top: 0rem;
}

a {
  color: #0077B5;
}

a:hover {
  color: #00568D;
}

.blog-summary a {
  color: #fff;
}

.blog-summary a:hover {
  color: #fff;
  text-decoration: underline;
}


.navbar-brand {
  font-weight: bold;
  color: #333333;
}

.navbar-dark {
  background: #222222;
}

.navbar-dark .navbar-nav .nav-link {
  text-transform: uppercase;
  color: #dfdfdf;
}

.navbar-dark .navbar-nav .nav-link:hover {
  color: #fff;
  background: #222222;
}

article a {
  color: #0077B5;
}

article h2 {
  font-size: 1.5rem;
}

article h3 {
  font-size: 1.25rem;
}

/* article p {
  padding-top: 0.1rem;
  margin-top: 0.1rem;
} */

.page-link {
  color: #0077B5;
}

.page-item.active .page-link {
  background-color: #213d53;
  border-color: #213d53;
}

.page-link:hover {
  color: #00568D;
}

.figure-caption {
  font-style: italic;
}

figure {
  margin-bottom: 2rem;
}

blockquote {
  background: #f9f9f9;
  border-left: 5px solid #ccc;
  margin-left: 1.5rem;
  padding: 0.5em 10px;
  /* padding-bottom: 1rem; */
}

.bg-semitransparent {
  background-color: rgba(60, 60, 60, 0.8);
}


/* via https://chat.openai.com/share/0feb50f8-ffff-4494-a653-951664537859 */
@media (min-width: 769px) {
  .navbar-nav>li>a::after {
    content: '•';
    padding-left: 8px;
  }
}

.navbar-nav>li:last-child>a::after {
  content: none;
}

/* Hide the separator on screens 768px and narrower */
@media (max-width: 768px) {
  .navbar-nav>li>a::after {
    content: none;
  }
}

/* Uncomment these to show the grid objects - for debugging */
/* .container {
  border: 1px solid pink;
}
.row {
  border: 1px solid orange;
}
.col {
 border: 1px solid burlywood;
}
.col-md-8 {
  border: 1px solid green;
}
.card {
  border: 1px solid darkorchid;
} */