.faq-nav-fixed {
  position: fixed;
  top:0;
  padding-top: 20px;
  width:18%;
  max-width:180px;
}

.faq-nav a.past-block:last-child {
  color:#a5ab36;
}

.faq-nav {
  padding-left: 0;
  li {
    list-style:none;
    padding-bottom:10px;
    a {
      &:after {
        content: "\203A";
        margin-left: 5px;
      }
      color: $link;
    }
  }
}
.mobile-selector {
  display: none;
}

.faq {
  .align {
    float: right !important;
  }

  h3 {
    border-bottom: 1px solid $grey-3;
    margin-bottom: 20px;
    padding-bottom: 5px;
    font-weight: 100;
  }
  .olist {
    ol {
      counter-reset: section; 
    }
    li {
      list-style-type: none;
    }
    li:before {
      counter-increment: section;
      content: counters(section, ".") " "; 
      display:inline;
      background:$grey-3;
      color: #FFF;
      float: left;
      padding: 3px 10px;
      border-radius: 5px;
      font-size: 19px;
      font-weight: 600;
      margin-right: 10px;
    }
  }
  & > div {
    margin-bottom: 40px;
  }
}


@include tablet-landscape-768-and-down {
  .faq-nav-fixed, .gsi-nav {
    position: relative; // on mobile we don't want a fixed nav
    width:100%;
    &.gsi-nav-fixed {
      transform: translateY(0);
      width:100% !important;
    }
  }

  ul.faq-nav {
    display: none;
  }

  .mobile-selector {
    display: block;
    width:100%;
  }

}
