nav#side-nav{ //sass-lint:disable-line no-ids
  a{
    display: block;
    font-weight:600;
    line-height: 16px;
    padding: 1rem .5rem;
  }
  > ul li{
    border-bottom: 1px solid color(sidewalk);

    &:last-of-type {
      border:none;
    }
  }

  ul {
    margin:0;
    list-style: none;
    padding:0;

    > li.current_page_item {
      > a{
        background: color(dark-gray);
        color: white;
      }
    }
    ul {
      display: none;
    }
    li{
      span{
        display: inline-block;
        //TODO: Remove max-width, this is a temp fix
        max-width: 225px;
      }
    }
    &.children{
      li {
        border-bottom: 2px solid white;
        a{
          padding:.5rem;
          margin-left: 1rem;
        }
        &:last-child{
          margin-bottom: $spacing-small;
          border-bottom: none;
          }
        }
      .children li a{
        margin-left:2rem;
      }
    }
  }
  .page_item_has_children{
    > a:after{
      content: '+';
      font-size:20px;
      line-height: 20px;
      float:right;
    }
    &.current_page_ancestor > a{
      background: color(ghost-gray);
      color:black;
    }
    &.current_page_item {
      > a:after{
        content: '';
      }
      > ul {
        display: block;
      }
    }
  }
  .current_page_ancestor{
    &.page_item_has_children:not(.current_page_parent) > a{
      border-bottom: 1px solid color(sidewalk);
    }

    &.current_page_parent {

      > a{
        background: color(ghost-gray);
        color:black;

      }
    }
    > ul {
      display: block;
    }
    > a:after{
      content: '';
    }
  }
  .service-menu {
    > li {
      margin-bottom:1rem;
    }
  }
}