/*
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. */
/* Flexnav Base Styles */
/* line 11, ../sass/flexnav.scss */
.flexnav-menu {
  	/*-webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    transition: none;
  	-webkit-transform-style: preserve-3d; // stop webkit flicker*/
  margin: 0 auto;
  width: auto;
  max-height: 0;
}
/* line 21, ../sass/flexnav.scss */
.flexnav-menu.opacity {
  opacity: 0;
}
/* line 24, ../sass/flexnav.scss */
.flexnav-menu.flexnav-show {
  max-height: 2000px;
  opacity: 1;
  -moz-transition: max-height 0.5s ease-in-out;
  -o-transition: max-height 0.5s ease-in-out;
  -webkit-transition: max-height 0.5s ease-in-out;
  transition: max-height 0.5s ease-in-out;
  		/*-webkit-transition: all .5s ease-in-out;
      -moz-transition: all .5s ease-in-out;
      -ms-transition: all .5s ease-in-out;
      transition: all .5s ease-in-out;*/
}
/* line 33, ../sass/flexnav.scss */
.flexnav-menu.one-page {
  position: fixed;
  top: 50px;
  right: 5%;
  max-width: 200px;
}
/* line 39, ../sass/flexnav.scss */
.flexnav-menu i {
  font-size: 100%;
  position: relative;
  overflow: hidden;
}
/* line 44, ../sass/flexnav.scss */
.flexnav-menu li {
  position: relative;
}
/* line 45, ../sass/flexnav.scss */
.flexnav-menu li a {
  position: relative;
  display: block;
  padding: .96em;
  z-index: 2;
  overflow: hidden;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
/* line 53, ../sass/flexnav.scss */
.flexnav-menu li ul {
  background: #1d1d1d;
  padding: 10px 0;
  /*width: 100%;*/
  width: auto;
  min-width: 200px;
}
/* line 59, ../sass/flexnav.scss */
.flexnav-menu li ul li {
  font-size: 100%;
  position: relative;
  overflow: hidden;
}
/* line 66, ../sass/flexnav.scss */
.flexnav-menu li ul.flexnav-show li {
  overflow: visible;
}
/* line 71, ../sass/flexnav.scss */
.flexnav-menu li ul li a {
  display: block;
  /*background: $second_level;*/
}
/* line 75, ../sass/flexnav.scss */
.flexnav-menu ul li ul li a {
  /*background: $third_level;*/
}
/* line 78, ../sass/flexnav.scss */
.flexnav-menu ul li ul li ul li a {
  /*background: $fourth_level;*/
}
/* line 81, ../sass/flexnav.scss */
.flexnav-menu .touch-button {
  position: absolute;
  z-index: 999;
  top: 0;
  right: 12px;
  width: 30px;
  height: 20px;
  display: inline-block;
  background: #acaca1;
  background: rgba(0, 0, 0, 0.075);
  background-color: transparent;
  text-align: center;
}
/* line 93, ../sass/flexnav.scss */
.flexnav-menu .touch-button:hover {
  cursor: pointer;
}
/* line 96, ../sass/flexnav.scss */
.flexnav-menu .touch-button .navicon {
  position: relative;
  /*top: 1.4em;*/
  /*top: 0.6em;*/
  top: 0;
  font-size: 12px;
  color: #666;
  background: url(../images/menu-arrow-down.svg) no-repeat center center;
  background-size: 11px auto;
  /*width: 20px;*/
  width: auto;
  height: 20px;
  text-indent: -9999px;
  display: block;
}
/* line 112, ../sass/flexnav.scss */
.flexnav-menu ul .touch-button .navicon {
  background-image: url(../images/menu-arrow.svg);
  background-size: 6px auto;
}
/* line 117, ../sass/flexnav.scss */
.flexnav-menu.sm-screen .touch-button {
  height: 44px;
  right: 0;
  width: 60px;
  background: rgba(0, 0, 0, 0.3);
  background-color: transparent;
}
/* line 123, ../sass/flexnav.scss */
.flexnav-menu.sm-screen .touch-button .navicon {
  height: 100%;
  background-image: url(../images/menu-arrow-down.svg);
  background-size: 15px auto;
}

/* line 134, ../sass/flexnav.scss */
.menu-button {
  position: relative;
  display: block;
  padding: 1em;
  color: #222;
  cursor: pointer;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
/* line 142, ../sass/flexnav.scss */
.menu-button.one-page {
  position: fixed;
  top: 0;
  right: 5%;
  padding-right: 45px;
}
/* line 148, ../sass/flexnav.scss */
.menu-button .touch-button {
  display: none;
  background: transparent;
  position: absolute;
  z-index: 999;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  display: inline-block;
  text-align: center;
}
/* line 160, ../sass/flexnav.scss */
.menu-button .touch-button .navicon {
  font-size: 16px;
  position: relative;
  top: 1em;
  color: #666;
}

@media all and (min-width: 750px) {
  /* line 170, ../sass/flexnav.scss */
  body.one-page {
    padding-top: 70px;
  }

  /* line 173, ../sass/flexnav.scss */
  .flexnav-menu {
    overflow: visible;
  }
  /* line 175, ../sass/flexnav.scss */
  .flexnav-menu.opacity {
    opacity: 1;
  }
  /* line 178, ../sass/flexnav.scss */
  .flexnav-menu.one-page {
    top: 0;
    right: auto;
    max-width: 1080px;
  }
  /* line 183, ../sass/flexnav.scss */
  .flexnav-menu li {
    position: relative;
    list-style: none;
    float: left;
    display: block;
    /*background-color: #a6a6a2;*/
    overflow: visible;
    /*width: 20%;*/
  }
  /* line 192, ../sass/flexnav.scss */
  .flexnav-menu li a {
    /*border-left: 1px solid #acaca1;*/
    border-bottom: none;
  }
  /* line 196, ../sass/flexnav.scss */
  .flexnav-menu li > ul {
    position: absolute;
    top: auto;
    left: 0;
  }
  /* line 200, ../sass/flexnav.scss */
  .flexnav-menu li > ul.edge {
    /* Addition to support edge detection */
    right: 0;
    left: auto;
  }
  /* line 205, ../sass/flexnav.scss */
  .flexnav-menu li > ul li {
    width: 100%;
  }
  /* line 209, ../sass/flexnav.scss */
  .flexnav-menu li ul li > ul {
    margin-left: 100%;
    top: 0;
  }
  /* line 212, ../sass/flexnav.scss */
  .flexnav-menu li ul li > ul.edge {
    /* Addition to support edge detection */
    margin-left: 0;
    margin-right: 100%;
  }
  /* line 220, ../sass/flexnav.scss */
  .flexnav-menu li ul li a {
    border-bottom: none;
  }
  /* line 223, ../sass/flexnav.scss */
  .flexnav-menu li ul.open {
    display: block;
    opacity: 1;
    visibility: visible;
    z-index: 1;
  }
  /* line 228, ../sass/flexnav.scss */
  .flexnav-menu li ul.open li {
    overflow: visible;
    max-height: 100px;
  }
  /* line 232, ../sass/flexnav.scss */
  .flexnav-menu li ul.open ul.open {
    margin-left: 100%;
    top: 0;
  }

  /* line 238, ../sass/flexnav.scss */
  .menu-button {
    display: none;
  }
}
/* line 244, ../sass/flexnav.scss */
.oldie body.one-page {
  padding-top: 70px;
}
/* line 247, ../sass/flexnav.scss */
.oldie .flexnav {
  overflow: visible;
}
/* line 249, ../sass/flexnav.scss */
.oldie .flexnav.one-page {
  top: 0;
  right: auto;
  max-width: 1080px;
}
/* line 254, ../sass/flexnav.scss */
.oldie .flexnav li {
  position: relative;
  list-style: none;
  float: left;
  display: block;
  background-color: #a6a6a2;
  width: 20%;
  min-height: 50px;
  overflow: visible;
}
/* line 264, ../sass/flexnav.scss */
.oldie .flexnav li:hover > ul {
  display: block;
  width: 100%;
  overflow: visible;
}
/* line 268, ../sass/flexnav.scss */
.oldie .flexnav li:hover > ul li {
  width: 100%;
  float: none;
}
/* line 273, ../sass/flexnav.scss */
.oldie .flexnav li a {
  border-left: 1px solid #acaca1;
  border-bottom: none;
  overflow: visible;
}
/* line 278, ../sass/flexnav.scss */
.oldie .flexnav li > ul {
  background: #acaca1;
  position: absolute;
  top: auto;
  left: 0;
  display: none;
  z-index: 1;
  overflow: visible;
}
/* line 287, ../sass/flexnav.scss */
.oldie .flexnav li ul li ul {
  top: 0;
}
/* line 290, ../sass/flexnav.scss */
.oldie .flexnav li ul li a {
  border-bottom: none;
}
/* line 293, ../sass/flexnav.scss */
.oldie .flexnav li ul.open {
  display: block;
  width: 100%;
  overflow: visible;
}
/* line 297, ../sass/flexnav.scss */
.oldie .flexnav li ul.open li {
  width: 100%;
}
/* line 300, ../sass/flexnav.scss */
.oldie .flexnav li ul.open ul.open {
  margin-left: 100%;
  top: 0;
  display: block;
  width: 100%;
  overflow: visible;
}
/* line 308, ../sass/flexnav.scss */
.oldie .flexnav ul li:hover ul {
  margin-left: 100%;
  top: 0;
}
/* line 313, ../sass/flexnav.scss */
.oldie .menu-button {
  display: none;
}
/* line 316, ../sass/flexnav.scss */
.oldie.ie7 .flexnav li {
  width: 19.9%;
}