.fallback-dps-header {
  @include govuk-responsive-padding(3, 'top');
  @include govuk-responsive-padding(3, 'bottom');
  background-color: govuk-colour('black');
  color: govuk-colour('white');

  &__container {
    @include govuk-width-container;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  &__logo {
    @include govuk-responsive-margin(2, 'right');
    position: relative;
    top: -2px;
    fill: govuk-colour('white');
  }

  &__title {
    @include govuk-responsive-padding(3, 'right');
    display: flex;
    align-items: center;

    &__organisation-name {
      @include govuk-responsive-margin(2, 'right');
      @include govuk-font($size: 24, $weight: 'bold');
      display: flex;
      align-items: center;
    }

    &__service-name {
      @include govuk-responsive-margin(2, 'right');
      @include govuk-font(24);
      display: none;

      @include govuk-media-query($from: desktop) {
        display: flex;
        align-items: center;
      }
    }
  }

  &__link {
    @include govuk-link-common;
    @include govuk-link-style-default;

    text-underline-offset: 0.1em;

    &:link,
    &:visited,
    &:active {
      color: govuk-colour('white');
      text-decoration: none;
    }

    &:hover {
      text-decoration: underline;
    }

    &:focus {
      color: govuk-colour('black');

      svg {
        fill: govuk-colour('black');
      }
    }

    &__sub-text {
      @include govuk-font(16);
      display: none;

      @include govuk-media-query($from: tablet) {
        display: block;
      }
    }
  }

  &__navigation {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    list-style: none;
    margin: 0;
    padding: 0;

    @include govuk-media-query($from: tablet) {
      flex-direction: row;
      align-items: center;
    }

    &__item {
      @include govuk-font(19);
      margin-bottom: govuk-spacing(1);
      text-align: right;

      @include govuk-media-query($from: tablet) {
        @include govuk-responsive-margin(4, 'right');
        @include govuk-responsive-padding(4, 'right');
        margin-bottom: 0;
        border-right: 1px solid govuk-colour('white');
      }

      a {
        display: inline-block;
      }

      &:last-child {
        margin-right: 0;
        border-right: 0;
        padding-right: 0;
      }

    }
  }

  @media print {
    display: none;
  }
}