html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html, body {
  position: relative;
  min-height: 100%;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Fix text contrast in internal dark background pages and sections (Ensure white text on black/dark background) */
.ew-section[style*="#000"], 
.ew-section[style*="#09090b"], 
.ew-section[style*="#060b14"], 
.ew-section[style*="#090e1a"], 
.ew-section[style*="#0b111e"], 
.ew-section[style*="#121214"], 
.bg-dark, 
.bg-black {
  color: #f8fafc;
}

.ew-section[style*="#000"] h1, .ew-section[style*="#000"] h2, .ew-section[style*="#000"] h3, .ew-section[style*="#000"] h4, .ew-section[style*="#000"] h5, .ew-section[style*="#000"] h6,
.ew-section[style*="#09090b"] h1, .ew-section[style*="#09090b"] h2, .ew-section[style*="#09090b"] h3, .ew-section[style*="#09090b"] h4, .ew-section[style*="#09090b"] h5, .ew-section[style*="#09090b"] h6,
.ew-section[style*="#060b14"] h1, .ew-section[style*="#060b14"] h2, .ew-section[style*="#060b14"] h3, .ew-section[style*="#060b14"] h4, .ew-section[style*="#060b14"] h5, .ew-section[style*="#060b14"] h6,
.ew-section[style*="#090e1a"] h1, .ew-section[style*="#090e1a"] h2, .ew-section[style*="#090e1a"] h3, .ew-section[style*="#090e1a"] h4, .ew-section[style*="#090e1a"] h5, .ew-section[style*="#090e1a"] h6,
.ew-section[style*="#0b111e"] h1, .ew-section[style*="#0b111e"] h2, .ew-section[style*="#0b111e"] h3, .ew-section[style*="#0b111e"] h4, .ew-section[style*="#0b111e"] h5, .ew-section[style*="#0b111e"] h6,
.ew-section[style*="#121214"] h1, .ew-section[style*="#121214"] h2, .ew-section[style*="#121214"] h3, .ew-section[style*="#121214"] h4, .ew-section[style*="#121214"] h5, .ew-section[style*="#121214"] h6,
.ew-section-title {
  color: #ffffff !important;
}

.ew-section[style*="#000"] p, .ew-section[style*="#09090b"] p, .ew-section[style*="#060b14"] p, .ew-section[style*="#090e1a"] p, .ew-section[style*="#0b111e"] p, .ew-section[style*="#121214"] p {
  color: #e2e8f0;
}

.prose.prose-invert, .prose-invert {
  color: #e2e8f0 !important;
}

.prose.prose-invert h1, .prose.prose-invert h2, .prose.prose-invert h3, .prose.prose-invert h4, .prose.prose-invert h5, .prose.prose-invert h6,
.prose-invert h1, .prose-invert h2, .prose-invert h3, .prose-invert h4, .prose-invert h5, .prose-invert h6 {
  color: #ffffff !important;
}

.prose.prose-invert p, .prose-invert p,
.prose.prose-invert span, .prose-invert span,
.prose.prose-invert li, .prose-invert li,
.prose.prose-invert div, .prose-invert div,
.prose.prose-invert strong, .prose-invert strong {
  color: #e2e8f0 !important;
}

.prose.prose-invert a, .prose-invert a {
  color: #60a5fa !important;
}