/*
To make it easier to use all variables and mixins in any Sass file in this
theme, each .scss file has a @import "base" declaration. And this _base.scss
file is in charge of importing all the other partials needed for the theme.

This base partial is organized in this way:
- First we set any shared Sass variables.
- Next we import Compass plug-ins (Sass mixin libraries).
- Last we import a _custom.scss partial that includes our custom mixins.
*/
/* COLORS
=========================== */
/* Used only with opacity */
/* Messages colors */
/* SIZES
=========================== */
/* MIXINS
=========================== */
/*
@mixin col-inner($outer,$items) {
  width: (($items * $col-width)) / ($outer * 100);
}*/
/* FONTS
=========================== */
/* MARGINS & SPACING
=========================== */
/* BREAKPOINTS
=========================== */
/* IE SUPPORT
=========================== */
/*
These variables are used by many mixins to add additional CSS to support
specific versions of IE or specific vendor prefixes.

To turn on support for IE6 or IE7, set those variables to true.

Zen does not require special handling for IE8 or later. But Compass uses that
variable for a couple edge cases. We include it for completeness sake. See
the documentation at http://compass-style.org/reference/compass/support/
*/
/* IMPORTS
=========================== */
/*@import "toolkit/pe"; */
/*@import "custom";           // Import our custom mixins last. */
/* TABS
=========================== */
/* line 6, ../sass/tabs.scss */
#tabs {
  margin-bottom: 30px;
  padding-top: 30px;
}
@media screen and (max-width: 900px) {
  /* line 6, ../sass/tabs.scss */
  #tabs {
    margin-bottom: 20px;
  }
}
/* line 9, ../sass/tabs.scss */
#tabs:last-child {
  margin-bottom: 0;
}

/* line 11, ../sass/tabs.scss */
ul.primary,
ul.secondary {
  overflow: hidden;
  *zoom: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
/* line 19, ../sass/tabs.scss */
ul.primary li,
ul.secondary li {
  display: inline-block;
  margin: 0;
  float: none;
}
/* line 24, ../sass/tabs.scss */
ul.primary a,
ul.secondary a {
  color: #252525;
  display: block;
  padding: 5px 10px 4px;
  text-decoration: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
/* line 31, ../sass/tabs.scss */
ul.primary a:hover,
ul.primary a:focus,
ul.secondary a:hover,
ul.secondary a:focus {
  color: black;
}
/* line 35, ../sass/tabs.scss */
ul.primary a.active,
ul.secondary a.active {
  background: #FEC112;
  color: #fff;
}

/* line 40, ../sass/tabs.scss */
ul.secondary {
  margin-top: 7px;
}