/* Icon styling */
.fa, .fas, .far, .fab {
  display: inline-block;
  vertical-align: middle;
  visibility: visible;
  opacity: 1;
}

.nav-link i {
  margin-left: 5px;
  font-size: 0.8em;
}

.social-icons i {
  font-size: 1.5rem;
  margin: 0 10px;
  color: #0047AB;
}

.service-item i {
  color: #0047AB;
  margin-bottom: 1rem;
  font-size: 2rem;
}

/* Example styles for the code box */
.code-example {
  /* background-color: #f9f9f9; */ /* Commented out */
  /* padding: 20px; */ /* Commented out */
  /* border-radius: 5px; */ /* Commented out */
} 

/* Headings font: Aktiv (self-hosted). Only affects h1–h6. */
@font-face {
  font-family: 'Aktiv';
  src: url('../fonts/Aktiv-Bold.woff2') format('woff2'),
       url('../fonts/Aktiv-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Aktiv';
  src: url('../fonts/Aktiv-SemiBold.woff2') format('woff2'),
       url('../fonts/Aktiv-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Aktiv', sans-serif;
  font-weight: 700;
}