{"version":3,"sources":["../../../../src/moj/components/primary-navigation/_primary-navigation.scss"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,uCAAuC;;AAEvC;;+EAE+E;;AAE/E;EACE,4DAA4D;AAC9D;;AAEA;EACE,YAAY,EAAE,kCAAkC;EAChD,mBAAmB,EAAE,qCAAqC;EAC1D,4BAA4B;;EAE5B;IACE,WAAW;IACX,qBAAqB;IACrB,WAAW;EACb;AACF;;AAEA;EACE,gBAAgB;;EAEhB;IACE,qBAAqB;IACrB,sBAAsB;EACxB;AACF;;AAEA;EACE,SAAS;EACT,UAAU;EACV,YAAY,EAAE,+DAA+D;EAC7E,gBAAgB;AAClB;;AAEA;EACE,qBAAqB;EACrB,aAAa;EACb,8BAA8B;EAC9B,8BAA8B;;EAE9B;IACE,eAAe;EACjB;AACF;;AAEA;EACE,cAAc;EACd,iBAAiB;EACjB,oBAAoB;EACpB,iBAAiB;EACjB,0BAA0B;EAC1B,iCAAiC;;EAEjC;;;;IAIE,qBAAqB;EACvB;;EAEA;;IAEE,oCAAoC;EACtC;;EAEA;IACE,0CAA0C;EAC5C;;EAEA;IACE,kBAAkB,EAAE,0CAA0C;IAC9D,UAAU;IACV,4BAA4B,EAAE,gDAAgD;IAC9E,gBAAgB;EAClB;;EAEA;IACE,WAAW;IACX,cAAc;IACd,kBAAkB;IAClB,SAAS;IACT,OAAO;IACP,WAAW;IACX,WAAW;IACX,uCAAuC;EACzC;;EAEA;IACE,kBAAkB;IAClB,oCAAoC;IACpC,iBAAiB;IACjB,qBAAqB;;IAErB;MACE,WAAW;MACX,cAAc;MACd,kBAAkB;MAClB,SAAS;MACT,OAAO;MACP,WAAW;MACX,WAAW;MACX,+CAA+C;IACjD;;IAEA;MACE,0CAA0C;;MAE1C;QACE,qDAAqD;MACvD;IACF;;IAEA;MACE,kBAAkB,EAAE,0CAA0C;MAC9D,YAAY;MACZ,4BAA4B,EAAE,gDAAgD;;MAE9E;QACE,uCAAuC;MACzC;IACF;EACF;AACF;;AAEA;EACE;IACE,qBAAqB;IACrB,sBAAsB;EACxB;AACF","file":"_primary-navigation.scss","sourcesContent":["@use \"../../objects/width-container\" as *;\n@use \"../../vendor/govuk-frontend\" as *;\n\n/* ==========================================================================\n   #PRIMARY NAVIGATION\n   ========================================================================== */\n\n.moj-primary-navigation {\n  background-color: govuk-colour(\"black\", $variant: \"tint-95\");\n}\n\n.moj-primary-navigation__container {\n  font-size: 0; // Hide whitespace between elements\n  text-align: justify; // Trick to remove the need for floats\n  @include moj-width-container;\n\n  &::after {\n    content: \"\";\n    display: inline-block;\n    width: 100%;\n  }\n}\n\n.moj-primary-navigation__nav {\n  text-align: left;\n\n  @include govuk-media-query($from: desktop) {\n    display: inline-block;\n    vertical-align: middle;\n  }\n}\n\n.moj-primary-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-primary-navigation__item {\n  display: inline-block;\n  margin-top: 0;\n  margin-right: govuk-spacing(4);\n  @include govuk-font($size: 19);\n\n  &:last-child {\n    margin-right: 0;\n  }\n}\n\n.moj-primary-navigation__link {\n  display: block;\n  padding-top: 15px;\n  padding-bottom: 15px;\n  font-weight: bold;\n  @include govuk-link-common;\n  @include govuk-link-style-default;\n\n  &:link,\n  &:visited,\n  &:hover,\n  &:active {\n    text-decoration: none;\n  }\n\n  &:link,\n  &:visited {\n    color: govuk-functional-colour(link);\n  }\n\n  &:hover {\n    color: govuk-functional-colour(link-hover);\n  }\n\n  &:focus {\n    position: relative; // Ensure focus sits above everything else.\n    z-index: 1;\n    color: govuk-colour(\"black\"); // Focus colour on yellow should really be black.\n    box-shadow: none;\n  }\n\n  &:focus::before {\n    content: \"\";\n    display: block;\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 5px;\n    background-color: govuk-colour(\"black\");\n  }\n\n  &[aria-current] {\n    position: relative;\n    color: govuk-functional-colour(link);\n    font-weight: bold;\n    text-decoration: none;\n\n    &::before {\n      content: \"\";\n      display: block;\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      height: 5px;\n      background-color: govuk-functional-colour(link);\n    }\n\n    &:hover {\n      color: govuk-functional-colour(link-hover);\n\n      &::before {\n        background-color: govuk-functional-colour(link-hover);\n      }\n    }\n\n    &:focus {\n      position: relative; // Ensure focus sits above everything else.\n      border: none;\n      color: govuk-colour(\"black\"); // Focus colour on yellow should really be black.\n\n      &::before {\n        background-color: govuk-colour(\"black\");\n      }\n    }\n  }\n}\n\n.moj-primary-navigation__search {\n  @include govuk-media-query($from: desktop) {\n    display: inline-block;\n    vertical-align: middle;\n  }\n}\n"]}