:root {
  --brand-teal: #0fa89d;
  --brand-teal-hover: #044cd0;
  --brand-gray: #7c858c;
  --brand-dark: #252525;
}

body {
  color: var(--brand-dark);
}

a {
  color: var(--brand-teal);
}
a:hover, a:focus {
  color: var(--brand-teal-hover);
}

.navbar-brand img {
  height: 60px;
}

.navbar .nav-link {
  color: var(--brand-dark);
  font-weight: 600;
}
.navbar .nav-link.active,
.navbar .nav-link:hover,
.navbar .nav-link:focus {
  color: var(--brand-teal);
}

.btn-primary {
  background-color: var(--brand-teal);
  border-color: var(--brand-teal);
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: var(--brand-teal-hover);
  border-color: var(--brand-teal-hover);
}

.page-title-bar {
  background-color: var(--brand-teal);
  color: #fff;
  padding: 1.75rem 0;
  margin-bottom: 2rem;
}

.icon-card img {
  width: 100px;
  height: 100px;
  object-fit: contain;
  transition: transform .2s ease;
}
.icon-card:hover img {
  transform: scale(1.06);
}
.icon-card a {
  text-decoration: none;
  color: var(--brand-dark);
  font-weight: 700;
}

.partner-card img {
  max-width: 200px;
  width: 100%;
  height: auto;
}

footer.site-footer {
  background-color: var(--brand-gray);
  color: #fff;
}
footer.site-footer a {
  color: #f1f1f1;
}
footer.site-footer a:hover {
  color: #fff;
}

.gallery-thumb img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  border-radius: .375rem;
}

.accordion-button:not(.collapsed) {
  background-color: var(--brand-teal);
  color: #fff;
}

.hero-img {
  width: 100%;
  height: auto;
}