/**
 * @file
 * Navigation Styling and Layout
 */
/**
 * Legacy IE support.
 */
/**
 * Font faces, stacks and sizes.
 */
/**
 * Colors, etc.
 */
/**
 * Partials to be shared with all .scss files.
 */
/**
 * Layout element mixins.
 */
/* The white box with grey border that surrounds most content. */
/* The grey box that surrounds content. */
/* The white box containing the main content. Has a green top border. */
/* Content inset into the white box */
/* Content inset on grey background */
/* Content on a lightgrey background with darker border ie left nav and right column of a normal page */
/* Button-like styling for inset box that sits at normal white box level. */
/* Button with a plus icon to the left. */
/* standard button across site. */
/**
 * Text element mixins.
 */
/**
 * This whole thing is tricky as we have drupal menu items with menu minipanels hanging off them.
 * Also menu_minipanels uses qtip, which wants to inject its own css into the mix.
 * Hover states: when the user moves the mouse from the menu item to the minipanel, the hover
 * state is removed by the browser. The module works around this by applying the qtip-hover class
 * to the minipanel and the link. We needed it applied to the li as well so there is a js file in
 * js/menu_minipanels.callbacks.js which adds the class to the li.
 */
/**
 * Styles.
 */
/* line 23, ../sass/navigation.scss */
#navigation-wrapper #seed-menu-pull {
  display: none;
}
/* line 28, ../sass/navigation.scss */
#navigation-wrapper #navigation #main-menu .item-list {
  height: 79px;
}
/* line 30, ../sass/navigation.scss */
#navigation-wrapper #navigation #main-menu .item-list ul {
  margin: 0;
  padding: 0;
}
/* line 33, ../sass/navigation.scss */
#navigation-wrapper #navigation #main-menu .item-list ul li {
  list-style-type: none;
  list-style-image: none;
}
/* line 36, ../sass/navigation.scss */
#navigation-wrapper #navigation #main-menu .item-list ul li a:after {
  content: url("../images/arrow-down-icon.png");
  padding-left: 5px;
}
/* line 40, ../sass/navigation.scss */
#navigation-wrapper #navigation #main-menu .item-list ul li a.active-link:after {
  content: url("../images/arrow-up-icon.png");
}
/* line 43, ../sass/navigation.scss */
#navigation-wrapper #navigation #main-menu .item-list ul li a {
  text-decoration: none;
  font-size: 1em;
  text-align: center;
  color: #fff;
}
/* line 49, ../sass/navigation.scss */
#navigation-wrapper #navigation #main-menu .item-list ul li a:focus {
  position: relative;
  background-color: black !important;
}

/**
* Layout.
*/
/* line 65, ../sass/navigation.scss */
#navigation-wrapper {
  height: 80px;
  background-color: #025744;
  width: 100%;
}
/* line 69, ../sass/navigation.scss */
#navigation-wrapper #navigation {
  margin-left: auto;
  margin-right: auto;
  max-width: 1170px;
}
/* line 73, ../sass/navigation.scss */
#navigation-wrapper #navigation .block {
  margin-bottom: 0;
}
/* line 76, ../sass/navigation.scss */
#navigation-wrapper #navigation .block-menu .block-title, #navigation-wrapper #navigation .block-menu-block .block-title {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}
/* line 79, ../sass/navigation.scss */
#navigation-wrapper #navigation #main-menu {
  float: left;
  width: 100%;
  margin-left: 0%;
  margin-right: -100%;
  padding-left: 16px;
  padding-right: 16px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  word-wrap: break-word;
  *behavior: url("../sass-extensions/box-sizing-polyfill/boxsizing.htc");
  padding-left: 0;
  padding-right: 0;
}
/* line 83, ../sass/navigation.scss */
#navigation-wrapper #navigation #main-menu ul {
  /* Base Menu*/
  padding: 0;
}
/* line 86, ../sass/navigation.scss */
#navigation-wrapper #navigation #main-menu ul li {
  float: left;
  margin: 0;
  width: 12.5%;
}
/* line 90, ../sass/navigation.scss */
#navigation-wrapper #navigation #main-menu ul li:hover {
  /* Menu items hover states. */
  padding: 0;
  margin: 0;
}
/* line 94, ../sass/navigation.scss */
#navigation-wrapper #navigation #main-menu ul li a {
  /* Menu item links */
  display: block;
  padding-top: 22px;
  padding-right: 25px;
  padding-left: 25px;
  padding-bottom: 18px;
  min-height: 40px;
}

/* line 111, ../sass/navigation.scss */
.seed-flexible-left-sidebar ul.menu li ul.menu li ul.menu li {
  /* Drupal override */
}
/* line 112, ../sass/navigation.scss */
.seed-flexible-left-sidebar ul.menu li ul.menu li ul.menu li a {
  padding: 10px 0 10px 40px;
}
/* line 118, ../sass/navigation.scss */
.seed-flexible-left-sidebar .menu li a {
  background: none !important;
}

/* line 126, ../sass/navigation.scss */
.seed-menu-mega-menu {
  width: 100%;
}
/* line 128, ../sass/navigation.scss */
.seed-menu-mega-menu .mega-menu-ul-wrapper {
  max-width: 1170px;
  margin: 0 auto 0 auto;
  min-height: 380px;
  overflow: hidden;
  clear: both;
  padding-top: 20px;
  padding-left: 1px;
  box-sizing: border-box;
}
/* line 130, ../sass/navigation.scss */
.seed-menu-mega-menu .mega-menu-ul-wrapper h2 a {
  color: #fff;
}
/* line 142, ../sass/navigation.scss */
.seed-menu-mega-menu .mega-menu-ul-wrapper ul {
  padding: 10px 0px 10px 0;
}
/* line 144, ../sass/navigation.scss */
.seed-menu-mega-menu .mega-menu-ul-wrapper ul li.seed-menu-mega-menu-region {
  width: 16.66%;
  float: left;
  list-style-type: none;
}
/* line 148, ../sass/navigation.scss */
.seed-menu-mega-menu .mega-menu-ul-wrapper ul li.seed-menu-mega-menu-region a {
  font-size: 1.2em;
  color: #fff;
}
/* line 153, ../sass/navigation.scss */
.seed-menu-mega-menu .mega-menu-ul-wrapper ul li.seed-menu-mega-menu-region ul li {
  margin-bottom: 8px;
  line-height: 1.4em;
  list-style-type: none;
}
/* line 157, ../sass/navigation.scss */
.seed-menu-mega-menu .mega-menu-ul-wrapper ul li.seed-menu-mega-menu-region ul li a {
  font-size: 0.9em;
  color: #EFEFEF;
  padding-right: 20px;
  display: block;
}
/* line 163, ../sass/navigation.scss */
.seed-menu-mega-menu .mega-menu-ul-wrapper ul li.seed-menu-mega-menu-region ul li a.menu-more-link {
  margin-top: 16px;
  background: url(../images/svg/arrows-bullets/btn-arrow-white.svgz) no-repeat 0 center;
  color: #fff;
  padding: 0 13px 0 12px;
}
/* line 175, ../sass/navigation.scss */
.seed-menu-mega-menu .mega-menu-ul-wrapper ul .view .skin-default {
  width: 350px;
  float: right;
  margin-top: -40px;
  background: rgba(255, 255, 255, 0.05);
}
/* line 180, ../sass/navigation.scss */
.seed-menu-mega-menu .mega-menu-ul-wrapper ul .view .skin-default .views_slideshow_main {
  padding-top: 0;
}
/* line 185, ../sass/navigation.scss */
.seed-menu-mega-menu .mega-menu-ul-wrapper ul .view .skin-default .views_slideshow_main .flex-nav-container {
  background: none;
}
/* line 188, ../sass/navigation.scss */
.seed-menu-mega-menu .mega-menu-ul-wrapper ul .view .skin-default .views_slideshow_main .flex-nav-container ul {
  padding-top: 0;
}
/* line 192, ../sass/navigation.scss */
.seed-menu-mega-menu .mega-menu-ul-wrapper ul .view .skin-default .views_slideshow_main .flex-nav-container .views-slideshow-controls-bottom {
  bottom: 10px;
}
/* line 195, ../sass/navigation.scss */
.seed-menu-mega-menu .mega-menu-ul-wrapper ul .view .skin-default .views_slideshow_main .flex-nav-container .field-featured-image img, .seed-menu-mega-menu .mega-menu-ul-wrapper ul .view .skin-default .views_slideshow_main .flex-nav-container .field-title h2 div a {
  font-size: 0.8em;
  color: white;
}

/* line 210, ../sass/navigation.scss */
#toTop {
  position: fixed;
  display: none;
  right: 0;
  bottom: 0;
  z-index: 1000;
  width: 40px;
  height: 40px;
  background: url(../images/svg/misc/top.png) no-repeat scroll 0 -89px transparent;
  text-indent: -9999px;
  -webkit-transition-duration: 0s;
}
/* line 221, ../sass/navigation.scss */
#toTop:hover {
  background-position: 0 -129px;
}

/* line 230, ../sass/navigation.scss */
.pane-menu-menu-tools-services .menu li a {
  border-bottom: solid 1px #cccccc;
  padding-top: 10px;
  padding-bottom: 10px;
  display: block;
  color: #000;
}
/* line 237, ../sass/navigation.scss */
.pane-menu-menu-tools-services .menu li .active {
  font-weight: bold;
}
/* line 240, ../sass/navigation.scss */
.pane-menu-menu-tools-services .menu li ul {
  margin-top: 0;
  margin-bottom: 0;
}
/* line 244, ../sass/navigation.scss */
.pane-menu-menu-tools-services .menu li ul li a {
  padding-left: 20px;
}

/* line 257, ../sass/navigation.scss */
.seed-flexible-wrapper .seed-flexible-left-sidebar .item-list li a, .seed-flexible-wrapper .organism-sidebar .item-list li a, .organism .seed-flexible-left-sidebar .item-list li a, .organism .organism-sidebar .item-list li a {
  border-bottom: solid 1px #cccccc;
  padding-top: 10px;
  padding-bottom: 10px;
  display: block;
  color: #000;
}
/* line 264, ../sass/navigation.scss */
.seed-flexible-wrapper .seed-flexible-left-sidebar .item-list li .active, .seed-flexible-wrapper .organism-sidebar .item-list li .active, .organism .seed-flexible-left-sidebar .item-list li .active, .organism .organism-sidebar .item-list li .active {
  font-weight: bold;
}

/**
 * Media Queries.
 */
/* Screen size up to 1169px */
@media all and (max-width: 1169px) {
  /* line 285, ../sass/navigation.scss */
  #navigation-wrapper #navigation #main-menu .item-list ul li a {
    /* Menu item links */
    padding: 20px 10px 20px 10px;
  }

  /* line 297, ../sass/navigation.scss */
  .seed-menu-mega-menu .mega-menu-ul-wrapper ul .view-topic-featured {
    display: none;
  }
}
/* Small screen & tablet devices up to 991px */
@media all and (max-width: 991px) {
  /* line 308, ../sass/navigation.scss */
  #navigation-wrapper {
    height: 158px;
    background-color: #005e49;
    width: 100%;
  }
  /* line 312, ../sass/navigation.scss */
  #navigation-wrapper #navigation {
    max-width: 100%;
  }
  /* line 314, ../sass/navigation.scss */
  #navigation-wrapper #navigation #main-menu {
    margin-bottom: 20px;
  }
  /* line 316, ../sass/navigation.scss */
  #navigation-wrapper #navigation #main-menu .item-list {
    height: 158px;
  }
  /* line 319, ../sass/navigation.scss */
  #navigation-wrapper #navigation #main-menu .item-list ul li {
    width: 25%;
  }
  /* line 321, ../sass/navigation.scss */
  #navigation-wrapper #navigation #main-menu .item-list ul li a {
    /* Menu item links */
    display: block;
    padding: 20px 25px 20px 25px;
  }

  /* line 332, ../sass/navigation.scss */
  .seed-menu-mega-menu {
    padding: 0;
  }
  /* line 334, ../sass/navigation.scss */
  .seed-menu-mega-menu .mega-menu-ul-wrapper {
    margin: 0 auto 0 auto;
    height: auto;
    width: auto;
    overflow: hidden;
    padding: 20px;
  }
  /* line 340, ../sass/navigation.scss */
  .seed-menu-mega-menu .mega-menu-ul-wrapper ul {
    padding: 10px 0px 20px 0;
  }
  /* line 341, ../sass/navigation.scss */
  .seed-menu-mega-menu .mega-menu-ul-wrapper ul .view-topic-featured {
    display: none;
  }
  /* line 345, ../sass/navigation.scss */
  .seed-menu-mega-menu .mega-menu-ul-wrapper ul li.seed-menu-mega-menu-region {
    width: 100%;
  }
  /* line 347, ../sass/navigation.scss */
  .seed-menu-mega-menu .mega-menu-ul-wrapper ul li.seed-menu-mega-menu-region a:after {
    content: none;
  }
}
/*Smart Phone devices up to 767px */
@media (max-width: 767px) {
  /* line 359, ../sass/navigation.scss */
  #seed-menu-pull {
    display: block;
    width: 100%;
    position: relative;
    z-index: 20;
    height: 38px;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
  }

  /* line 369, ../sass/navigation.scss */
  #navigation-wrapper.fixed-menu {
    position: fixed;
    z-index: 9999;
    top: 0;
  }

  /* line 374, ../sass/navigation.scss */
  #seed-menu-pull:after {
    content: "";
    background: url("../images/nav-icon.png") no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 10px;
  }

  /* line 384, ../sass/navigation.scss */
  #navigation-wrapper {
    height: auto;
    width: 100%;
  }
  /* line 385, ../sass/navigation.scss */
  #navigation-wrapper #seed-menu-pull {
    display: block;
    color: #fff;
    padding-left: 20px;
    padding-top: 10px;
  }
  /* line 390, ../sass/navigation.scss */
  #navigation-wrapper #seed-menu-pull:hover {
    text-decoration: none;
  }
  /* line 396, ../sass/navigation.scss */
  #navigation-wrapper #navigation {
    width: 100%;
  }
  /* line 399, ../sass/navigation.scss */
  #navigation-wrapper #navigation #main-menu .item-list {
    height: auto;
    position: relative;
  }
  /* line 402, ../sass/navigation.scss */
  #navigation-wrapper #navigation #main-menu .item-list ul {
    /* Base Menu*/
    width: 100%;
  }
  /* line 404, ../sass/navigation.scss */
  #navigation-wrapper #navigation #main-menu .item-list ul li {
    width: 100%;
  }
  /* line 406, ../sass/navigation.scss */
  #navigation-wrapper #navigation #main-menu .item-list ul li a:after {
    content: url("../images/arrow-down-icon.png");
    padding-left: 5px;
  }
  /* line 410, ../sass/navigation.scss */
  #navigation-wrapper #navigation #main-menu .item-list ul li a.active-link:after {
    display: none;
  }
  /* line 413, ../sass/navigation.scss */
  #navigation-wrapper #navigation #main-menu .item-list ul li a {
    /* Menu item links */
    position: relative;
    z-index: 999;
    display: block;
    padding: 0;
    line-height: 60px;
  }

  /* line 427, ../sass/navigation.scss */
  .seed-menu-mega-menu {
    padding-bottom: 0;
  }
  /* line 429, ../sass/navigation.scss */
  .seed-menu-mega-menu .mega-menu-ul-wrapper {
    height: auto;
    overflow: hidden;
    padding: 58px 20px 0 20px;
  }
  /* line 434, ../sass/navigation.scss */
  .seed-menu-mega-menu .mega-menu-ul-wrapper ul li.seed-menu-mega-menu-region {
    float: none;
    padding-right: 0;
    list-style-type: none;
  }
}