@import branding
@import mixins
@import "compass/css3/user-interface"


.no-results
  font-size: 1.875rem

.active_table
  margin: 2em 0em
  @include user-select(none)
  .active_table_row
    display: block
    cursor: pointer
    &:first-child
      padding: 1rem 0

.active_table .active_table_node
  display: block
  border: 0

  @media all and (max-width: 640px)
    margin-bottom: 1rem

  //Generic text link style
  a:hover, a:active, a:focus
    color: $dark-grey
    span
      text-decoration: underline

  // Generic text resize
  @media all and (max-width: 640px) 
    font-size: 0.875rem
    &, & *
      font-size: 0.875rem    


  .active_table_row // Inherits from active_table
    border: 1px solid transparent 

    // Foundation overrides
    margin-left: 0
    margin-right: 0

    &, & > a.row
      display: block

  .active_table_row.link
    border: 0

  &.open
    // .active_table_row:nth-child(2)

    .active_table_row
      border-left: 1px solid $disabled-bright
      border-right: 1px solid $disabled-bright
      border-top: 0
      border-bottom: 0

    .active_table_row:first-child
      border-top: 1px solid $disabled-bright
      &:hover, &:active, &:focus
        // color: $dark-grey

    .active_table_row:last-child
      border-bottom: 1px solid $disabled-bright
      
      
    //Open row sections
    .fat > div
      border-top: 1px solid $disabled-bright

      ul, ol 
        font-size: 0.875rem

      [class*="block-grid-"] > li
        padding-bottom: 0.25rem !important

      label
        text-transform: uppercase
        font-size: 0.75rem
        margin-top: 0.25rem
        margin-bottom: 0.25rem
        color: $disabled-dark
    
    p.trans-sentence
      text-transform: capitalize
  
  &.closed
    &:hover, &:active, &:focus
      .active_table_row.closed
        border: 1px solid $disabled-bright

  &.current
    &.closed
      &, & *
        color: $dark-grey
    &.open
      .active_table_row:first-child
        &, & *
        color: $dark-grey