/* Content Tabs */

.green-header {
  padding-bottom: 1rem;
  align-items: center;

  h1 {
    font-size: 2rem;
    font-weight: 500;
    margin: 0;
  }
}

ul.tab-header {
  display: flex;
  li {
    a {
      // non-hover tab styling
      background-color: transparent; // Override bootstrap default
      color: $anj-neutral-dark;
      text-transform: uppercase;
      font-size: 0.75rem;
      line-height: 1;
      padding: 0.75rem;
      margin-left: 1rem;
      border-radius: 1.25rem;

      &:hover,
      &:focus {
        background-color: #bde4d8;
      }
    }

    &.active a {
      color: $anj-light;
      background-color: #5ba28c;
    }
  }
}