.section-footer {
  background-color: @jumbotron-bg;
  background: @jumbotron-gradient;

  * {
    font-weight: 300;
    font-family: @headings-font-family;
    color: #fff;
    color: lighten(@brand-primary, 65%);
    letter-spacing: inherit;
  }

  b, strong {
    font-weight: 400;
  }

  h3 {
    font-size: @font-size-h4;
    border-bottom: 1px solid lighten(@brand-primary, 65%);
    margin-bottom: @grid-gutter-width;
    transition: all .25s ease;
    font-weight: 400;
    a {
      font-weight: 400;
      &:hover, &:focus, &.active {
        transition: all .25s ease;
        color: lighten(@brand-primary, 100%);
      }
    }
  }

  h4 {
    font-size: @font-size-base;
    margin-bottom: 0;
    margin-top: @grid-gutter-width;
    font-weight: 500;
    a {
      font-weight: 400;
    }
  }

  .frame-type-menu_pages ul,
  .frame-type-text ul,
  .frame-type-menu_subpages ul {
    .list-unstyled();
  }

  .frame-type-text ul li:before {
    content: none;
  }

  ul > li, h4 {
    > a {
      position: relative;
      transition: all .25s ease;
      text-decoration: none;
      left: 0px;

      &:hover, &:focus {
        left: 4px;
        transition: all .25s ease;
        color: lighten(@brand-primary, 100%);
      }
    }
  }
}
