.tabs.ui-tabs {
  border: 1px solid $border-color;

  .nav {
    text-align: center;
    border-bottom: 1px solid $border-color;
    
    li {
      display: inline-block;
      @include outline();

      a {
        color: $text-color;
        display: inline-block;
        padding: 15px 25px;
        @include outline();
        @include transition-button();
      }
      
      &.ui-tabs-active {
        border-bottom: 2px solid $primary-color;

        a {
          color: $primary-color;
        }
      }
    }
  }

  .tab-content {
    padding: 10px 20px;
  }
}