#sideBarTemplate {

  .sideBar {
    &-header {
      @include padding(14px 0 14px 20px);
      @include font-size(18px);
      font-weight: 400;
    }
    &-section {
      border-bottom: 4px solid $gray-medium;
    }
    &-content {
      @include margin(10px 20px 10px 20px);
      @include font-size(13px);
    }
  }

  @include breakpoint(xs) {
    position: inherit;
    .section-divider {
      &-xs {
        border-bottom: 4px solid $gray-medium;
      }
    }
  }

  @include breakpoint(lg) {
    position: absolute;
    margin-left: 1.5rem;
    margin-bottom: 1.5rem;
    padding-top: 1.25rem;
    right: 40px;

    &.isSticky {
      position: fixed !important;
      top: 0;
    }

    .section-divider {
      &-lg {
        border-bottom: 4px solid $gray-medium;
      }
    }

    .side-borders-lg {
      border-left: 1px solid $gray-medium;
      border-right: 1px solid $gray-medium;
    }
  }
}