/**
 * @file
 * Tabs Styling
 *
 * Adds styles for the primary and secondary tabs.
 *
 * Compare this with default CSS found in the system module's stylesheet (a copy
 * of which is in drupal7-reference.css.)
 */
/****************
OUR CUSTOM MIXINS
*****************/
/***********
~VARIABLES
***********/
/******
~FONTS
******/
/***********
~BREAKPOINTS
***********/
/*
 * Basic positioning styles shared by primary and secondary tabs.
 */
ul.primary,
ul.secondary {
  overflow: hidden;
  border-bottom: 1px solid #bbb;
  list-style: none;
  margin: 1em 0 1.5em;
  padding: 0 2px;
  white-space: nowrap; }
  ul.primary li,
  ul.secondary li {
    float: left;
    /* LTR */
    margin: 0.5em 3px 0; }
  ul.primary a,
  ul.secondary a {
    border: 1px solid #e9e9e9;
    border-right: 0;
    border-bottom: 0;
    display: block;
    line-height: 1.5em;
    text-decoration: none; }

/*
 * Primary tabs
 */
ul.primary li {
  border-top-radius: 4px;
  text-shadow: #fff, 1px, 1px, 0;
  border: 1px solid #bbb;
  border-bottom: 0;
  margin: 0.5em 0 0 3px;
  /* LTR */ }

ul.primary li.active {
  border-bottom: 1px solid #fff;
  margin-bottom: -1px;
  /* Overlap the ul's border. */ }

ul.primary a:link,
ul.primary a:visited {
  border-top-radius: 4px;
  transition: background-color 0.3s;
  color: #333;
  background-color: #dedede;
  letter-spacing: auto;
  padding: 0 1em;
  text-align: center; }

ul.primary a:hover,
ul.primary a:focus {
  background-color: #e9e9e9;
  border-color: #f2f2f2; }

ul.primary a.active {
  background-color: transparent;
  filter-gradient: #e9e9e9, rgba(233, 233, 233, 0);
  background-image: linear-gradient(#e9e9e9, rgba(233, 233, 233, 0));
  border-color: #fff; }

/*
 * Secondary tabs
 */
ul.secondary {
  font-size: .9em;
  margin-top: -1.5em;
  /* Collapse bottom margin of ul.primary. */
  padding-bottom: .5em; }
  ul.secondary a:link,
  ul.secondary a:visited {
    border-radius: .75em;
    transition: background-color 0.3s;
    text-shadow: #fff, 1px, 1px, 0;
    background-color: #f2f2f2;
    color: #666;
    padding: 0 .5em; }
  ul.secondary a:hover,
  ul.secondary a:focus {
    background-color: #dedede;
    border-color: #999;
    color: #333; }
  ul.secondary a.active,
  ul.secondary a:active {
    text-shadow: #333, 1px, 1px, 0;
    background-color: #666;
    border-color: #000;
    color: #fff; }

.node-type-interior-page .node-tab table tr td:first-child a br {
  display: none; }