/* Tabs */
$navigation-color: $red;
$gutter : 4;
$norm: 5;
$body-font-color: $white;
$default-color: $green;
$global-bg-color: $yellow;

.tab-nav {
   margin: 0;
   padding: 0;
   margin-top: 0.5em;
   margin-bottom: 0.5em;

   > li {
      display: inline-block;
      width: 100%;
      cursor: default;
      @include border-top-radius($base-border-radius);
      @include border-bottom-radius($base-border-radius);

      &.title {
         padding: 0.5em;
         padding-left: 1em;
         font-weight: 900;
         background-color: $red;
         color: $white;
         @include border-top-radius($base-border-radius);
         @include border-bottom-radius($base-border-radius);
      }

      > a  {
         display: block;
         width: auto;

         padding: 0.5em;
         padding-left: 1.5em;
         margin: 0;
         color: $black;
         cursor: pointer;

         &:hover {
            text-decoration: none;
            border: 2px solid $red;
            color: $red;
            @include border-top-radius($base-border-radius);
            @include border-bottom-radius($base-border-radius);
         }
         &:active {
            border: 2px solid $red;
            color: $red;
            @include border-top-radius($base-border-radius);
            @include border-bottom-radius($base-border-radius);
         }
      }
   }
}