/* Based on Bootstrap Blog Template (Bootstrap Examples, MIT License)
   Source: https://getbootstrap.com/docs/5.3/examples/blog/ */

.blog-header-logo {
  font-family: "Playfair Display", Georgia, "Times New Roman", serif;
  font-size: 2.1rem;
}

.blog-header-logo:hover {
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Playfair Display", Georgia, "Times New Roman", serif;
}

.blog-post {
  margin-bottom: 4rem;
}

.blog-post-meta {
  margin-bottom: 1.25rem;
  color: #6c757d;
}

.wallet-address {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: .9rem;
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: .5rem;
  padding: .6rem .75rem;
  overflow-wrap: anywhere;
}

.hero-note {
  border-left: 4px solid #0d6efd;
}

@media (max-width: 767.98px) {
  .blog-header-logo {
    font-size: 1.65rem;
  }
}

.wallet-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  align-items: center;
  margin-top: .75rem;
}

.copy-status {
  min-width: 4.5rem;
  font-size: .85rem;
  color: #6c757d;
}

.copy-status.ok {
  color: #198754;
}

.copy-status.err {
  color: #dc3545;
}


.support-box {
  background: linear-gradient(180deg, #ffffff 0%, #f8f9fa 100%);
  border-color: #dbe3ff !important;
}


.goal-metrics {
  letter-spacing: 0.01em;
}

.progress {
  height: .8rem;
}


.wallet-qr {
  margin: .25rem 0 .75rem;
}

.wallet-qr img {
  width: 160px;
  height: 160px;
  border-radius: .5rem;
  border: 1px solid #e9ecef;
  background: #fff;
}


.quick-jump {
  min-width: 4.5rem;
}

#donationQuickStart ol li {
  margin-bottom: .25rem;
}