// Table of Contents
//
// 01. Hero
// 02. Sidebar menu
// 03. Legislation cards
//

// 01. Hero
// -----------------
.brand-heading {
  background: $brand;
  margin-bottom: 5rem;

  .column {
    padding-top: 10rem;
    padding-bottom: 10rem;

    h4 {
      font-weight: 400;
      text-align: center;
      color: #fff;
    }
  }
}

// 02. Sidebar menu
// -----------------
.legislation-categories {

  .menu.simple {
    border-bottom: 0;
    list-style: none;
    padding-left: 0;
    margin-left: 0;
    margin-top: 0;

    @include breakpoint(medium) {
      margin: 1.5rem 0;
    }

    li {
      display: block;
      cursor: pointer;
      margin-bottom: 1rem;

      @include breakpoint(medium) {
        margin-bottom: 2rem;
        max-width: 80%;
      }

      &.active {
        font-weight: 700;
      }
    }
  }
}

// 03. Legislation cards
// -----------------
.legislation {
  margin: 0 0 $line-height;
  background: #fff;
  border: 1px solid;
  border-color: #e5e6e9 #dfe0e4 #d0d1d5;
  border-radius: 0;
  box-shadow: 0 1px 3px 0 #dee0e3;
  min-height: 12rem;
  padding: 2rem 0 0;
}

.legislation-text {
  margin-bottom: 1rem;

  h3 a {
    color: $black;
  }
}

.legislation-calendar-info p {
  font-size: $small-font-size;
  color: $text-medium;
  margin-bottom: 0;
}

.legislation-calendar {
  background: #e5ecf2;
  padding-top: 1rem;

  h5 {
    margin-left: 0.25rem;
    margin-bottom: 0;
    color: #61686e;

    @include breakpoint(medium) {
      margin-left: 0;
    }
  }

  p {
    margin-left: 0.25rem;
    font-size: $small-font-size;

    @include breakpoint(medium) {
      margin-left: 0;
    }
  }
}