{"version":3,"sources":["../../../../src/moj/components/header/_header.scss"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,uCAAuC;;AAEvC;;+EAE+E;;AAE/E;EACE,6BAA6B;EAC7B,6CAA6C;EAC7C,uCAAuC;AACzC;;AAEA;EACE,kBAAkB;EAClB,4BAA4B;EAC5B,uBAAuB;AACzB;;AAEA;EACE,gCAAgC;;EAEhC;IACE,WAAW;EACb;AACF;;AAEA;EACE,kBAAkB;EAClB,SAAS;EACT,8BAA8B;EAC9B,mBAAmB;AACrB;;AAEA;EACE,kBAAkB;EAClB,SAAS;EACT,8BAA8B;EAC9B,mBAAmB;AACrB;;AAEA;EACE,gCAAgC;;EAEhC;IACE,YAAY;EACd;AACF;;AAEA;;EAEE,qBAAqB;EACrB,mBAAmB;EACnB,gBAAgB,EAAE,uCAAuC;EACzD,oCAAoC;EACpC,4BAA4B;EAC5B,iBAAiB,EAAE,2CAA2C;EAC9D,sBAAsB;EACtB,0BAA0B;EAC1B,iCAAiC;;EAEjC;;;;IAIE,4BAA4B;IAC5B,qBAAqB;EACvB;;EAEA;IACE,mCAAmC;EACrC;;EAEA;IACE,yBAAyB;IACzB,4BAA4B;EAC9B;;EAEA;IACE,sBAAsB;IACtB,+CAA+C;;IAE/C;MACE,yBAAyB;IAC3B;;IAEA;MACE,4BAA4B;IAC9B;EACF;;EAEA;IACE,sBAAsB;IACtB,iDAAiD;;IAEjD;MACE,cAAc;IAChB;IACA;MACE,6BAA6B;IAC/B;;IAEA;MACE,yBAAyB;IAC3B;EACF;AACF;;AAEA;EACE,kBAAkB;EAClB,2BAA2B;;EAE3B;IACE,mCAAmC;EACrC;;EAEA;IACE,mBAAmB;IACnB,sBAAsB;EACxB;AACF;AACA,yDAAyD;AACzD;EACE;IACE,yBAAyB;EAC3B;AACF;;AAEA,YAAY;AACZ;EACE,kCAAkC;EAClC,4BAA4B;AAC9B;;AAEA;EACE,SAAS;EACT,UAAU;EACV,YAAY,EAAE,+DAA+D;EAC7E,gBAAgB;AAClB;;AAEA;EACE,qBAAqB;EACrB,8BAA8B;EAC9B,uBAAuB;;EAEvB;IACE,eAAe;EACjB;AACF;;AAEA;EACE,0BAA0B;EAC1B,iCAAiC;;EAEjC;;;IAGE,cAAc;IACd,qBAAqB;EACvB;;EAEA;IACE,sDAAsD;IACtD,qCAAqC;EACvC;;EAEA;IACE,4BAA4B;EAC9B;AACF;;AAEA;EACE,qBAAqB;AACvB","file":"_header.scss","sourcesContent":["@use \"../../objects/width-container\" as *;\n@use \"../../vendor/govuk-frontend\" as *;\n\n/* ==========================================================================\n   #HEADER\n   ========================================================================== */\n\n.moj-header {\n  padding-top: govuk-spacing(3);\n  border-bottom: 10px solid $govuk-brand-colour;\n  background-color: govuk-colour(\"black\");\n}\n\n.moj-header__container {\n  position: relative;\n  @include moj-width-container;\n  @include govuk-clearfix;\n}\n\n.moj-header__logo {\n  padding-bottom: govuk-spacing(1);\n\n  @include govuk-media-query($from: desktop) {\n    float: left;\n  }\n}\n\n.moj-header__logotype-crown {\n  position: relative;\n  top: -4px;\n  margin-right: govuk-spacing(1);\n  vertical-align: top;\n}\n\n.moj-header__logotype-crest {\n  position: relative;\n  top: -8px;\n  margin-right: govuk-spacing(1);\n  vertical-align: top;\n}\n\n.moj-header__content {\n  padding-bottom: govuk-spacing(2);\n\n  @include govuk-media-query($from: desktop) {\n    float: right;\n  }\n}\n\n.moj-header__link,\n.moj-header__link > a {\n  display: inline-block;\n  margin-bottom: -1px;\n  overflow: hidden; // Fixes focus gaps in background colour\n  border-bottom: 1px solid transparent;\n  color: govuk-colour(\"white\");\n  line-height: 25px; // Override due to alignment issue in Chrome\n  vertical-align: middle;\n  @include govuk-link-common;\n  @include govuk-link-style-default;\n\n  &:link,\n  &:visited,\n  &:hover,\n  &:active {\n    color: govuk-colour(\"white\");\n    text-decoration: none;\n  }\n\n  &:hover {\n    border-color: govuk-colour(\"white\");\n  }\n\n  &:focus {\n    border-color: transparent;\n    color: govuk-colour(\"black\");\n  }\n\n  &--organisation-name {\n    vertical-align: middle;\n    @include govuk-font($size: 24, $weight: \"bold\");\n\n    &:hover {\n      border-color: transparent;\n    }\n\n    @include govuk-media-query($until: tablet) {\n      margin-top: govuk-spacing(1);\n    }\n  }\n\n  &--service-name {\n    vertical-align: middle;\n    @include govuk-font($size: 24, $weight: \"normal\");\n\n    @include govuk-media-query($until: desktop) {\n      display: block;\n    }\n    @include govuk-media-query($from: desktop) {\n      margin-left: govuk-spacing(1);\n    }\n\n    &:hover {\n      border-color: transparent;\n    }\n  }\n}\n\n.moj-header__link a {\n  margin-bottom: 1px;\n  vertical-align: text-bottom;\n\n  &:hover {\n    border-color: govuk-colour(\"white\");\n  }\n\n  @include govuk-media-query($until: desktop) {\n    margin-bottom: -1px;\n    vertical-align: middle;\n  }\n}\n// stylelint-disable-next-line selector-no-qualifying-type\nspan.moj-header__link {\n  &:hover {\n    border-color: transparent;\n  }\n}\n\n// Navigation\n.moj-header__navigation {\n  margin-top: govuk-spacing(1) - 2px;\n  color: govuk-colour(\"white\");\n}\n\n.moj-header__navigation-list {\n  margin: 0;\n  padding: 0;\n  font-size: 0; // Removes white space when using inline-block on child element.\n  list-style: none;\n}\n\n.moj-header__navigation-item {\n  display: inline-block;\n  margin-right: govuk-spacing(4);\n  @include govuk-font(19);\n\n  &:last-child {\n    margin-right: 0;\n  }\n}\n\n.moj-header__navigation-link {\n  @include govuk-link-common;\n  @include govuk-link-style-default;\n\n  &:link,\n  &:visited,\n  &:active {\n    color: inherit;\n    text-decoration: none;\n  }\n\n  &:hover {\n    // stylelint-disable-next-line declaration-no-important\n    text-decoration: underline !important;\n  }\n\n  &:focus {\n    color: govuk-colour(\"black\");\n  }\n}\n\n.moj-header__navigation-link[aria-current=\"page\"] {\n  text-decoration: none;\n}\n"]}