.row--secondary
  @extend %secondary-gradient
  @extend %clearfix
  @include box-shadow(0, 2, 1, 1, rgba(0, 0, 0, 0.1), true)
  padding: 11px 0

.row__title--secondary
  @extend %benton-regular
  @extend %no-margin
  background: none
  color: #fff
  float: left
  font-size: 28px
  line-height: 32px
  max-width: 360px
  > h1
    font-size: 28px

.row__inner--secondary
  min-height: 32px
  

// ----------------------------------------------------------------------------
// 
// secondary-nav
// 
// ----------------------------------------------------------------------------

.nav--secondary
  @extend %absolute-bottom
  @extend %helvetica-neue
  @extend %uppercase
  right: 0
  text-align: right

.nav__item--secondary
  @extend %small-type
  @extend %inline-block
  padding: 7px 8px 7px
  line-height: 18px
  color: $nav-secondary-type--legacy
  &:hover
    color: $nav-secondary-type-hover--legacy
    text-decoration: none
  &:active
    color: $nav-secondary-type--legacy
  &.current
    @include border-radius(4)
    background-color: $nav-secondary-current-item-bck--legacy
    color: $nav-secondary-type-active--legacy



.row--secondary
  @extend %secondary-gradient
  @extend %clearfix
  @include box-shadow(0, 2, 1, 1, rgba(0, 0, 0, 0.1), true)
  padding: 11px 0

.row__title--secondary
  @extend %benton-regular
  @extend %no-margin
  @extend %prevent-text-breakouts
  background: none
  color: #fff
  float: left
  font-size: 28px
  line-height: 32px
  max-width: 380px
  > h1
    font-size: 28px

.row__inner--secondary
  min-height: 32px
  

// ----------------------------------------------------------------------------
// 
// secondary-nav
// 
// ----------------------------------------------------------------------------

.nav--secondary
  @extend %absolute-bottom
  @extend %helvetica-neue
  @extend %uppercase
  right: 0
  text-align: right

.nav__item--secondary
  @extend %small-type
  @extend %inline-block
  padding: 7px 8px 7px
  line-height: 18px
  color: $nav-secondary-type--legacy
  &:hover
    color: $nav-secondary-type-hover--legacy
    text-decoration: none
  &:active
    color: $nav-secondary-type--legacy
  &.current
    @include border-radius(4)
    background-color: $nav-secondary-current-item-bck--legacy
    color: $nav-secondary-type-active--legacy



Increase max-width of title and hopefully prevent future text breakouts
Increase max-width of title and hopefully prevent future text breakouts
