// override gov.uk page elements

html {
  background: white;
}

body,
body.js-enabled {
  padding: 0;
}

#global-header {
  .header-proposition {
    #proposition-name,
    #proposition-links li a.active {
      color: $inside-gov-secondary;
    }
    #proposition-menu {
      @include media(desktop){
        margin-top: $gutter+$gutter-one-sixth+2px;
        // 37px is the amount of margin required to line up the nav list with the top of the search box after removing Inside Gov heading
      }
    }
  }
  form#search input.submit,
  .search-toggle {
    background-color: $inside-gov-secondary;
    &:hover {
      background-color: lighten($inside-gov-secondary, 5%);
    }
  }
}

// override gov.uk page elements

html {
  background: white;
}

body,
body.js-enabled {
  padding: 0;
}

#global-header {
  .header-proposition {
    #proposition-name,
    #proposition-links li a.active {
      color: $inside-gov-secondary;
    }
    #proposition-menu {
      @include media(desktop){
        margin-top: $gutter+$gutter-one-sixth+2px;
        // 37px is the amount of margin required to line up the nav list with the top of the search box after removing Inside Gov heading
      }
    }
  }
  form#search input.submit,
  .search-toggle {
    background-color: $inside-gov-secondary;
    &:hover {
      background-color: lighten($inside-gov-secondary, 5%);
    }
  }
}
#global-header-bar {
  display: none;
}

Hide the global header bar
Hide the global header bar

Hide this element that is being introduced in static. Once static has
been deployed this can be removed and the custom header bar in this
project can be removed.

Hiding the new element means that deploys don't need to be syncronised
and the new colour bar can be adopted when this repo is ready.
