/* Navigation
---------------------------------------------------------------------------------- */

.source_main_nav {

  @include media(medium-up) {
    position: fixed;
    z-index: 10;

    top: rem-calc(97); //@source_main_nav--top;
    right: rem-calc(30);
    bottom: 40px;

    width: rem-calc(280);

    margin-top: 0; //reset
    margin-right: 0; //reset
    margin-bottom: 0; //reset

    transition: top 0.3s ease-out;;

    .source__scrolled-down & {
      top: rem-calc(20);
    }
}

  @include media(large-only) {

    left: 50%;
    margin-left: (rem-calc(940) / 2) - rem-calc(280);

  }
}

.source_main_nav:hover {
  z-index: 20; /* Higher than any other elements */
}

.source_main_nav h2 {
  margin: 0 0 5px;
  text-rendering: auto;
}

.source_main_nav.__menuScroll {
  overflow-x: hidden;
  overflow-y: auto;
  bottom: 15px;
}

.source_main_nav_i {
  margin: 10px 0;
  font-size: rem-calc(12); //font-size-extrasmall
}
.source_main_nav_i:first-child {
  margin-top: 0;
}

.source_main_nav_i + .source_main_nav_i {
  padding-top: 10px;
  border-top: 1px solid #dfe2e4;
}

.source_main_nav_ul {
  margin-left: -21px; /* menu padding compensation  */
  margin-right: -21px;
}

.source_main_nav_li {
  line-height: 20px;
  margin-bottom: 2px;
}

.source_main_nav_ul2 {
  padding: 0;
}

.source_main_nav_li2 {
  color: $gray;
  overflow: hidden;
  display: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.source_main_nav_li.__active .source_main_nav_li2 {
  display: block;
}

.source_nav_ul .source_main_nav_a {
  overflow: hidden;
  font-weight: bold;
  text-overflow: ellipsis;
  text-decoration: none;
  padding: 0 $page-gap;
}
.source_main_nav_li2 .source_main_nav_a {
  padding: 0 $page-gap * 2;
}
.source_main_nav .source_main_nav_a.__active  { /* for weight */
  background-color: $brand;
  color: $white;
}

.source_main_nav_ac_item {
  position: relative;
  line-height: 24px;

  a {
    display: inline;
  }

  &.__simple {
    text-align: right;
  }
}

.source_main_nav_ac_tx {
  line-height: 24px;
}

.source_main_nav_ac_item.__simple {
  text-align: right;
  white-space: normal;
}

.source_main_nav_ac_item.__simple .source_main_nav_ac_tx {
  float: left;
}
/* /Navigation */


/* Navigation
---------------------------------------------------------------------------------- */

.source_nav {
  white-space: nowrap;
  display: none;

  font-family: $body-font-family;
  color: $black;

  &.__loaded {
    display: block;
  }

  &:empty {
    display: none;
  }
}

//@media all and (min-width: 990px) {
//  .source_nav:before {
//    content: '';
//    display: inline-block;
//    vertical-align: middle;
//    height: 100%;
//  }
//}

.source_nav_c {
  display: inline-block;
  vertical-align: top;
  border-radius: rem-calc(4);
  width: 100%;

  box-sizing: border-box;

  padding: $page-gap $page-gap * 2;
  background-color: $gray-light-super;
}

.source_nav_ul {
  list-style: none;
  margin: 0;
  padding: 0;

  li:first-child {
    margin-top: 0;
  }

  a {
    display: block;
    line-height: inherit;
  }
}

.source_main_nav_ul2 {
  margin: 0;
}

/* /Navigation
---------------------------------------------------------------------------------- */