/* Media query breakpoints */
.c-tabs {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.c-tabs .nav-tabs {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
@media (max-width: 1024px) {
  .c-tabs .nav-tabs {
    justify-content: center;
  }
}
.c-tabs .nav-tabs .nav-item {
  background-color: transparent;
}
@media (min-width: 768px) {
  .c-tabs .nav-tabs .nav-item {
    padding-bottom: 30px;
  }
}
.c-tabs .nav-item:only-of-type {
  display: none;
}
.c-tabs .nav-tabs .nav-link {
  padding: 15px;
  border: 0;
  border-bottom: 2px solid var(--darkGrayishBlue300);
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  background-color: transparent;
  color: var(--darkGrey400);
  font-size: 0.875rem;
  line-height: 1.25rem;
  cursor: pointer;
  font-family: "Prelo book", sans-serif;
}
.c-tabs .nav-tabs .nav-link.active {
  border-bottom: 2px solid var(--secondary-color);
  color: var(--secondary-color);
  font-family: "Prelo semibold", sans-serif;
}
.c-tabs .nav-tabs .nav-link:hover, .c-tabs .nav-tabs .nav-link:focus, .c-tabs .nav-tabs .nav-link:focus-visible {
  border-bottom: 2px solid var(--secondary-color);
  font-family: "Prelo semibold", sans-serif;
  outline: 0;
}
.c-tabs .nav-tabs .nav-link:focus-visible {
  outline: 2px solid var(--black);
}
.c-tabs .tab-content {
  border-top: none;
}
.c-tabs .tab-content p, .c-tabs .tab-content ol, .c-tabs .tab-content ul {
  margin: 0;
}
.c-tabs .tab-content p + p, .c-tabs .tab-content p ol, .c-tabs .tab-content p ul, .c-tabs .tab-content ol + p, .c-tabs .tab-content ol ol, .c-tabs .tab-content ol ul, .c-tabs .tab-content ul + p, .c-tabs .tab-content ul ol, .c-tabs .tab-content ul ul {
  margin-top: 16px;
}
.c-tabs .tab-content ul {
  margin-top: 16px;
  color: var(--darkGrey400);
  font-size: 1rem;
  line-height: 1.5rem;
  font-family: "Prelo book", sans-serif;
}
.c-tabs .tab-content ul li {
  list-style-type: disc;
}
.c-tabs .tab-content a {
  color: var(--blue-link);
}
.c-tabs .tab-content a:hover {
  color: var(--blue-hover);
}
.c-tabs .tab-pane {
  display: none;
}
.c-tabs .tab-pane.show.active {
  display: block;
}
/*# sourceMappingURL=tabs.css.map */