// ===========================================================================
// CONTENTINFO



$contentinfo-background-color: $dawn-pink !default;
$contentinfo-border-color:     $wafer     !default;



.contentinfo {
  border-top: .5em solid $contentinfo-border-color;
  @include font-size($font-size-small, $line-height-incremental);
  background: $contentinfo-background-color;

  &,
  ul {
    padding: {
         top: 1em;
      bottom: 1em;
    }
  }

  a { border: 0; }
}



// ---------------------------------------------------------------------------
// iPhone

@mixin contentinfo-iPhone {
  .contentinfo {
    @extend %horizontal-list-iPhone;
    text-align: left;

    ul {
      margin: {
        right: -$gutter-width;
        left:  -$gutter-width;
      }
      padding: {
           top: .5em;
        bottom: .5em;
      }
    }

    li {
      padding: {
        right: $gutter-width;
        left:  $gutter-width;
      }
    }
  }
}