/* Font override */

/* Universal override */
* {
  font-family: "Funnel Display", sans-serif !important;
}

/* Body override */
html, body {
  font-family: "Funnel Display", sans-serif !important;
}

/* All headings */
h1, h2, h3, h4, h5, h6 {
  font-family: "Funnel Display", sans-serif !important;
}

/* All text elements */
p, span, div, a, li, ul, ol, td, th, label, input, textarea, select, button {
  font-family: "Funnel Display", sans-serif !important;
}

/* Bootstrap overrides */
.btn, .form-control, .form-select, .form-check-label, .form-label {
  font-family: "Funnel Display", sans-serif !important;
}

/* Navigation elements */
.nav, .nav-link, .navbar, .navbar-brand, .navbar-nav {
  font-family: "Funnel Display", sans-serif !important;
}

/* Modal elements */
.modal, .modal-title, .modal-body, .modal-footer {
  font-family: "Funnel Display", sans-serif !important;
}

/* Footer elements */
.footer, .copyright, .credits {
  font-family: "Funnel Display", sans-serif !important;
}

/* Typed text override */
.typed {
  font-family: "Funnel Display", sans-serif !important;
}

/* Social links */
.social-links {
  font-family: "Funnel Display", sans-serif !important;
}

/* Any remaining elements that might use different fonts */
.lead, .display-1, .display-2, .display-3, .display-4, .display-5, .display-6 {
  font-family: "Funnel Display", sans-serif !important;
}

/* Bootstrap icons should not be affected, but text content should be */
i:not(.bi) {
  font-family: "Funnel Display", sans-serif !important;
}