@import url("https://fonts.googleapis.com/css2?family=Exo+2:wght@400;500;600;700&display=swap");

/* Apply globally */
:root {
  --bs-font-sans-serif: "Exo 2", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue",
    Arial, sans-serif;
}

body,
a,
h1,
h2,
h3,
h1.siteTitle,
a.nav-link,
p.smallText,
.button1,
.button2,
.btn-secondary,
.btn-default {
  font-family: var(--bs-font-sans-serif) !important;
}

/* Nav link styling */
a.nav-link,
.navbar .navbar-nav > li > a,
.menu-bar > .navbar-nav > li > a {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 400;
}

/* Hide site title */
h1.siteTitle {
  display: none !important;
}

/* Hover styling on navbar */
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
  background-color: #ffffff;
  color: #2b2b2b;
  border-color: #ffffff;
  opacity: 0.5;
}
/* Hover styling on navbar */
.navbar-static-top.navbar .menu-bar > .navbar-nav > li > a:hover {
  background-color: #ffffff;
  color: #2b2b2b;
  border-color: #ffffff;
  opacity: 0.5;
}
/* color of footer text */
footer .footer-bottom p {
  color: #ffffff;
  font-size: 16px;
}
/* Extra Hover styling on navbar */
.navbar-inverse .navbar-nav > .open > a {
  color: #2b2b2b !important;
  background-color: #ffffff !important;
}
.navbar-inverse .navbar-nav .open .dropdown-menu {
  background-color: #ffffff !important;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
  color: #2b2b2b !important;
}
/* hyperlink hover style */
a.anchor-hover-text-decoration-none:hover {
  color: #12878a !important;
}

/* Button styles */
.button1, .button2 {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 400 !important;
}