.sporofin-theme {
  --sporofin-blue: #0091ff;
  --sporofin-blue-dark: #0074cc;
  --sporofin-blue-pale: #d4ecff;
  --sporofin-ink: #141414;
  --sporofin-muted: #666b70;
  --sporofin-line: #dce2e7;
  color: #141414;
  background-color: #ffffff;
  font-family: "IBM Plex Sans", Arial, sans-serif;
  font-size: 17px;
}

.sporofin-theme a {
  color: #0074cc;
}

.sporofin-theme a:hover,
.sporofin-theme a:focus-visible {
  color: #0091ff;
}

.sporofin-theme .top-contact-bar {
  color: #ffffff;
  background-color: #0091ff;
}

.sporofin-theme .top-contact-bar a,
.sporofin-theme .top-contact-bar a:hover,
.sporofin-theme .top-contact-bar a:focus-visible {
  color: #ffffff;
}

.sporofin-theme .top-contact-bar .social-link {
  border-color: #ffffff;
  color: #ffffff;
}

.sporofin-theme .top-contact-bar .social-link:hover,
.sporofin-theme .top-contact-bar .social-link:focus-visible {
  color: #0091ff;
  background-color: #ffffff;
}

.sporofin-theme .site-header {
  background-color: #ffffff;
}

.sporofin-theme .main-navigation a {
  color: #141414;
}

.sporofin-theme .main-navigation a:hover,
.sporofin-theme .main-navigation a:focus-visible,
.sporofin-theme .main-navigation a.is-active {
  color: #0091ff;
}

.sporofin-theme .main-navigation a::after {
  background-color: #0091ff;
}

.sporofin-theme .home-hero h1 {
  color: #ffffff;
}

.sporofin-theme .page-title-band {
  background-color: #d4ecff;
}

.sporofin-theme .page-title-band h1,
.sporofin-theme .contact-hero h1 {
  color: #141414;
}

.sporofin-theme .contact-card {
  background-color: #f5f8fa;
}

.sporofin-theme .button {
  border-radius: 0px;
}

.sporofin-theme .button--primary {
  color: #ffffff !important;
  background-color: #0091ff;
}

.sporofin-theme .button--primary:hover,
.sporofin-theme .button--primary:focus-visible {
  border-color: #0091ff;
  color: #0091ff !important;
  background-color: #ffffff;
}

.sporofin-theme .site-footer {
  color: #ffffff;
  background-color: #111820;
}

.sporofin-theme .site-footer h2 {
  color: #0091ff;
}

.sporofin-theme .site-footer a {
  color: #ffffff;
}

.sporofin-theme .site-footer a:hover,
.sporofin-theme .site-footer a:focus-visible {
  color: #0091ff;
}

.sporofin-theme .site-container {
  width: calc(100% - 48px);
  max-width: 1168px;
}

@media (max-width: 1080px) {
  .sporofin-theme .main-navigation ul {
    width: calc(100% - 48px);
    max-width: 1168px;
  }
}
@media (max-width: 560px) {
  .sporofin-theme .site-container,
  .sporofin-theme .main-navigation ul {
    width: calc(100% - 32px);
  }
}