@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');

:root {
  --insight-orange: #F66F00;
  --insight-gold: #F8A900;
  --insight-orange2: #FF3700;
}

* {
  font-family: 'Source Sans 3', sans-serif;
}

.navbar-brand {
  color: var(--insight-orange);
}

.navbar-toggler {
  border: none;
}

.top-stripe {
  background-color: var(--insight-orange);
  padding: 0!important;
}

.navbar-nav {
  gap: 20px
}

.navbar-nav .nav-link {
  color: black;
  transition: color 0.3s ease;
}

.navbar-nav .nav-link:hover {
  color: var(--insight-orange);
}

.nav-link.active {
  color: var(--insight-orange)!important;
  /* text-decoration: underline; */
}

.donate-button {
  background-color: var(--insight-orange);
  color: white!important;
  transition: all 0.15s ease-in;
}

.donate-button:hover {
  background-color: #e65c00; /* Darker shade for hover effect */;
  color: white;
}

.donate-button:active {
  transform: scale(0.95);
  background-color: #e65c00!important;
  color: white!important;
  border: none!important;
}

footer {
  background-color: #373737;
}

.footer-bottom-bar {
  background-color: black;
  color: #7B7B7B;
}

.footer-description-title {
  color: white
}

.footer-description-text {
  color: #929191
}

.footer-title {
  color: white;
}

.links-column {
  display: flex;
  flex-direction: column;
}

.footer-link {
  color: #929191;
  text-decoration: none;
  transition: ease 0.3s;
}

.footer-link:hover {
  color: white;
}

.footer-contact-row {
  color: #929191;
  gap: 10px;
}

.footer-contact-row-icon > svg {
  width: 25px;
  aspect-ratio: 1;
}

.header-band-container {
  background-color: var(--insight-gold);
}

.page-title {
  color: white;
}

.contribute-statement {
  color: var(--insight-orange);
}

.inline-link {
  color: var(--insight-orange);
}

.help-us-container {
  background-color: var(--insight-orange2);
}

.help-us-text {
  color: white;
}

.help-us-arrow {
  width: 5%;
  aspect-ratio: 1;
  object-fit: contain;
}

.help-donate-button {
  background-color: white;
  color: var(--insight-orange2);
  transition: all 0.2s ease-in-out;
}

.help-join-button {
  color: white;
  border: 2px solid white;
  transition: all 0.2s ease-in-out;
}

.help-donate-button:hover {
  color: var(--insight-orange2);
  background-color: white;
  transform: scale(1.05);
}

.help-join-button:hover {
  color: white;
  border: 2px solid white;
  transform: scale(1.05);
}

.help-donate-button:active {
  color: var(--insight-orange2)!important;
  background-color: white!important;
  transform: scale(0.975)!important;
}

.help-join-button:active {
  color: white!important;
  border: 2px solid white!important;
  transform: scale(0.975)!important;
}

.submit-button {
  background-color: var(--insight-orange);
}

.submit-button:enabled {
  color: white
}

.submit-button:enabled:hover {
  background-color: var(--insight-orange);
  color: white;
  transform: scale(1.025);
}

.submit-button:enabled:hover {
  background-color: var(--insight-orange);
  color: white;
  transform: scale(0.975);
}