// Health variation on the au-header.
.au-header {

  margin-bottom: 0;
  padding: 0;
  border-top: 12px solid $header-border-colour;

  @include AU-media(sm) {
    @include AU-space('padding', 1unit 0 .5unit);
  }

  @include AU-media(md) {
    @include AU-space('padding', 1.5unit 0);
  }

  // Simple for no-nav campaigns
  &--simple {
    @include AU-space('padding-bottom', 1unit);

    @include AU-media(sm) {
      @include AU-space('padding-bottom', 1.5unit);
    }

    @include AU-media(md) {
      @include AU-space('padding-bottom', 2unit);
    }
  }

  .au-header__logo {
    display: block;
    @include AU-space('padding', .75unit .75unit .75unit 0);
    width: 100%;
    max-width: 400px;
    // For IE 9, 10.
    color: transparent;

    @include AU-media(md) {
      margin: auto;
      @include AU-space('padding', .75unit);
      float: left;
      padding: 0;
    }

    @media print {
      width: 30%;
    }

    &-image {
      display: block;
      width: 100%;
      margin: auto;

      @include AU-media(sm) {
        margin: 0;
      }
    }

    @media print {
      margin: inherit;
      padding: 0;
    }
  }

  & {
    background-color: white;
  }

  @media print {
    margin: inherit;
    padding: 0 0 20px 0;
    border-bottom: 1px solid $colour-darkest;
  }

  // a.au-header__logo {
  //   &:hover,
  //   &:focus {
  //     background: $colour-light-dark;
  //   }
  // }
}