// Tabs
.frame-type-tab {
  .nav-tabs {
    display: none;

    .nav-link {
      border: none;
      border-bottom: 2px solid transparent;
      color: $primary;
      margin-right: map-get($margin, 'small');
      @include padding(null 0);
      transition: $transition-base;

      @include hover-focus {
        border-bottom-color: $primary;
      }
    }

    .nav-link.active,
    .nav-item.show .nav-link {
      background: none;
      border-bottom-color: $secondary;
      color: $secondary;
    }
  }

  @include media-breakpoint-up(xl) {
    // Show Tabs
    .nav-tabs {
      display: flex;
    }

    // Hide Accordion
    .accordion {
      border: none;

      .accordion-header {
        display: none;
      }

      .collapse {
        display: block;
      }
    }
  }
}