/* Content Tabs */

.green-header {
  padding: 1rem;

  h1 {
    line-height: 26px;
    margin: 0;
  }
}

ul.tab-header{
  padding: 0 1rem;
  border-bottom: 2px solid $neutral-2;

  li {
    display: inline-block;

    a {
      // non-hover tab styling
      background-color: transparent; // Override bootstrap default
      font-weight: 600;
      padding: .5rem;
      margin-right: 2rem;
      margin-bottom: -3px; // pulls bottom border under the navbar bottom border

      &:hover, &:focus {
        background-color: transparent;
      }
    }

    &.active a {
      border-bottom: 4px solid $primary;
      color: $neutral-1;
    }

    &:not(.active) a:hover {
      border-bottom: 2px solid $primary;
      padding-bottom: 9px; // pushes bottom border onto tabbar border
    }
  }
}