@import branding
@import mixins

.hubs
  .active_table .active_table_node

    //Prevents ugly overflows on hub title
    .columns.skinny-head
      white-space: nowrap
      overflow-x: hidden
      overflow-y: visible

    //Hub icon styline
    i.ofn-i_040-hub
      @include border-radius(99999rem)
      font-size: 1.15rem
      display: inline-block
      padding: 0.2rem
      margin-top: 0.1rem
      margin-bottom: 0.1rem
      background-color: transparent
      @media all and (max-width: 768px) 
        font-size: 1rem
    
    //Generic text link style
    a:hover, a:active, a:focus
      color: $clr-brick-bright

    @media all and (max-width: 640px) 
      &.closed, &.open
        .active_table_row:first-child .skinny-head
          background-color: $clr-brick-light
          margin-top: -1rem
          margin-bottom: 1rem
          padding-top: 1rem
          padding-bottom: 1rem
      &.inactive
        &.closed, &.open
          .active_table_row:first-child .skinny-head
            background-color: white
    
    //Inactive row
    &.inactive, &.inactive strong
      color: $disabled-dark

      &, & *
        color: $disabled-dark

      a i.ofn-i_040-hub
        color: $disabled-dark

      &.current
        &.closed, &.open
          
          a, a strong, a span, a i
            color: $disabled-dark
            &:hover, &:focus, &:active
              color: $disabled-dark

          a i.ofn-i_040-hub
            color: white
            background-color: $disabled-dark
          a:hover, a:focus, a:active
            color: $disabled-dark
            i.ofn-i_040-hub
              background-color: $disabled-dark
      
      &.closed
        &:hover, &:active, &:focus
          border: none
          color: $disabled-dark

      &.open
        .active_table_row:first-child
          color: $disabled-dark
          strong
            color: $disabled-dark
          &:hover, &:active, &:focus
            color: $disabled-dark
            strong
              color: $disabled-dark
        .active_table_row:nth-child(2)
          background-color: rgba(255, 255, 255, 0)

    //Open row
    &.open
      .active_table_row:nth-child(2)
        padding-bottom: 0.75rem
        
    //Current selected row
    &.current
      //overwrites active_table
      &.closed
        a, a i, a span, a strong
          color: $clr-brick

      &.closed, &.open
        a i.ofn-i_040-hub
          color: white
          background-color: $clr-brick
        

        a:hover, a:focus, a:active
          strong, span
            color: $clr-brick-bright
          i.ofn-i_040-hub
            background-color: $clr-brick-bright