@import "work/work-includes";
@import "variables";

layout-project-nav {
  display         : block;
  background-color: $grey-light;
  text-align      : center;
  font-family     : "sofia-pro";

  /* due to header fixed position */
  /* has to be padding due to flush height */
  padding-top     : $header-height;

  ul {
    @include vertical-align-middle();

    li {
      padding: 15px 30px;

      &.active {
        border-bottom: 3px solid $primary-color;
      }

      a {
        display       : block;
        text-transform: uppercase;
        color         : black;
        font-size     : 15px;
        cursor        : pointer;
      }
    }
  }
}