/* Self-contained GOV.UK-style stylesheet for the Plan B pages.
   Covers only the components these pages use. Fonts fall back to Arial, exactly
   as GOV.UK Frontend does when its licensed typeface is unavailable. */

*, *::before, *::after { box-sizing: border-box; }

html { font-family: arial, helvetica, sans-serif; -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: #ffffff;
  color: #0b0c0c;
  font-size: 16px;
  line-height: 1.25;
  font-family: arial, helvetica, sans-serif;
}

/* Links */
a, .govuk-link {
  color: #1d70b8;
  text-decoration: underline;
  text-decoration-thickness: max(1px, .0625rem);
  text-underline-offset: .1em;
}
a:hover, .govuk-link:hover { color: #003078; text-decoration-thickness: max(3px, .1875rem, .12em); }
a:visited, .govuk-link:visited { color: #4c2c92; }
a:focus, .govuk-link:focus,
input:focus, button:focus {
  outline: 3px solid transparent;
  color: #0b0c0c;
  background-color: #ffdd00;
  box-shadow: 0 -2px #ffdd00, 0 4px #0b0c0c;
  text-decoration: none;
}

/* Layout */
.govuk-width-container { max-width: 960px; margin: 0 15px; }
@media (min-width: 40.0625em) { .govuk-width-container { margin: 0 30px; } }
@media (min-width: 1020px) { .govuk-width-container { margin: 0 auto; } }

.govuk-main-wrapper { display: block; padding-top: 20px; padding-bottom: 20px; }
@media (min-width: 40.0625em) { .govuk-main-wrapper { padding-top: 40px; padding-bottom: 40px; } }

.govuk-grid-row { margin: 0 -15px; }
.govuk-grid-row::after { content: ""; display: block; clear: both; }
.govuk-grid-column-two-thirds { padding: 0 15px; box-sizing: border-box; width: 100%; }
@media (min-width: 40.0625em) { .govuk-grid-column-two-thirds { width: 66.6667%; float: left; } }

/* Skip link */
.govuk-skip-link { position: absolute; left: -9999px; padding: 10px 15px; }
.govuk-skip-link:focus { position: static; left: auto; }

/* Header */
.govuk-header {
  background: #1d70b8;
  color: #ffffff;
  border-bottom: 0;
  padding-top: 10px;
}
.govuk-header__container { position: relative; padding-top: 8px; padding-bottom: 8px; }
.govuk-header__logo { padding-bottom: 10px; }
.govuk-header__link--homepage { display: inline-block; }
.govuk-header__logotype { color: #ffffff; }
.govuk-header a, .govuk-header a:visited { color: #ffffff; }
.govuk-header a:focus { color: #0b0c0c; }
.govuk-logo-dot { fill: #ffffff; }

/* Service navigation */
.govuk-service-navigation { border-bottom: 1px solid #b1b4b6; background: #f3f2f1; }
.govuk-service-navigation__container { padding: 10px 0; }
.govuk-service-navigation__service-name .govuk-service-navigation__link { color: #0b0c0c; font-weight: 700; text-decoration: none; }
.govuk-service-navigation__link:hover { text-decoration: underline; }

/* Phase banner */
.govuk-phase-banner { padding: 10px 0; border-bottom: 1px solid #b1b4b6; }
.govuk-phase-banner__content { margin: 0; color: #0b0c0c; display: table; font-size: 14px; }
.govuk-phase-banner__content__tag { margin-right: 10px; }
.govuk-phase-banner__text { display: table-cell; vertical-align: baseline; }

/* Tag */
.govuk-tag {
  display: inline-block;
  background: #1d70b8;
  color: #ffffff;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 2px 8px 1px;
  border-radius: 0;
}

/* Typography */
.govuk-heading-xl { color: #0b0c0c; font-weight: 700; font-size: 32px; line-height: 1.09375; margin: 0 0 30px; }
@media (min-width: 40.0625em) { .govuk-heading-xl { font-size: 48px; margin-bottom: 50px; } }
.govuk-heading-m { color: #0b0c0c; font-weight: 700; font-size: 20px; line-height: 1.25; margin: 0 0 15px; }
@media (min-width: 40.0625em) { .govuk-heading-m { font-size: 24px; margin-bottom: 20px; } }
.govuk-body { color: #0b0c0c; font-size: 16px; line-height: 1.25; margin: 0 0 15px; }
@media (min-width: 40.0625em) { .govuk-body { font-size: 19px; line-height: 1.31579; margin-bottom: 20px; } }

/* Lists */
.govuk-list { color: #0b0c0c; margin: 0 0 15px; padding: 0; list-style-type: none; font-size: 16px; }
@media (min-width: 40.0625em) { .govuk-list { font-size: 19px; margin-bottom: 20px; } }
.govuk-list--bullet { padding-left: 20px; list-style-type: disc; }
.govuk-list--spaced > li { margin-bottom: 5px; }
.govuk-list ul { list-style-type: disc; padding-left: 20px; margin-top: 5px; }

/* Inset text */
.govuk-inset-text {
  color: #0b0c0c; padding: 15px; margin: 15px 0;
  border-left: 10px solid #b1b4b6; font-size: 16px;
}
@media (min-width: 40.0625em) { .govuk-inset-text { margin: 30px 0; font-size: 19px; } }

/* Forms */
.govuk-form-group { margin-bottom: 20px; }
.govuk-form-group--error { padding-left: 15px; border-left: 5px solid #d4351c; }
.govuk-label { display: block; color: #0b0c0c; font-size: 16px; margin-bottom: 5px; }
@media (min-width: 40.0625em) { .govuk-label { font-size: 19px; } }
.govuk-input {
  font-size: 16px; line-height: 1.25; box-sizing: border-box; width: 100%;
  height: 40px; margin-top: 0; padding: 5px; border: 2px solid #0b0c0c; border-radius: 0; background: #fff;
}
@media (min-width: 40.0625em) { .govuk-input { font-size: 19px; } }
.govuk-input:focus { outline: 3px solid #ffdd00; outline-offset: 0; box-shadow: inset 0 0 0 2px; background: #fff; }
.govuk-\!-width-two-thirds { max-width: 66.66%; }

/* Button */
.govuk-button {
  display: inline-block; font-size: 19px; line-height: 1.1875; box-sizing: border-box;
  padding: 8px 10px 7px; border: 2px solid transparent; border-radius: 0;
  color: #fff; background: #00703c; box-shadow: 0 2px 0 #002d18; cursor: pointer; text-decoration: none;
}
.govuk-button:hover { background: #005a30; }
.govuk-button:focus { border-color: #ffdd00; color: #0b0c0c; background: #ffdd00; box-shadow: 0 2px 0 #0b0c0c; outline: 3px solid transparent; }
.govuk-button:active { top: 2px; }

/* Error summary + messages */
.govuk-error-summary {
  color: #0b0c0c; padding: 15px; margin-bottom: 30px; border: 5px solid #d4351c;
}
.govuk-error-summary__title { margin: 0 0 15px; font-size: 18px; font-weight: 700; }
@media (min-width: 40.0625em) { .govuk-error-summary__title { font-size: 24px; } }
.govuk-error-summary__body { font-size: 16px; }
.govuk-error-summary__list { margin: 0; padding: 0; list-style: none; }
.govuk-error-summary__list a { color: #d4351c; font-weight: 700; }
.govuk-error-message { display: block; margin-bottom: 5px; color: #d4351c; font-weight: 700; font-size: 16px; }
@media (min-width: 40.0625em) { .govuk-error-message { font-size: 19px; } }

/* Utilities */
.govuk-visually-hidden {
  position: absolute !important; width: 1px; height: 1px; margin: 0; padding: 0;
  overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0;
}
.govuk-\!-margin-right-2 { margin-right: 10px !important; }

/* Footer */
.govuk-footer { padding: 25px 0; border-top: 10px solid #1d70b8; color: #0b0c0c; background: #f4f8fb; font-size: 14px; margin-top: 40px; }
.govuk-footer__crown { display: block; margin-bottom: 30px; color: #0b0c0c; }
@media (min-width: 40.0625em) { .govuk-footer { padding: 40px 0; font-size: 16px; } }
.govuk-footer__meta { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: center; }
.govuk-footer__meta-item { margin-bottom: 25px; }
.govuk-footer__meta-item--grow { flex: 1 1 320px; }
.govuk-footer__licence-logo { display: inline-block; margin-right: 10px; vertical-align: top; }
.govuk-footer__licence-description { display: inline-block; }
.govuk-footer__link { color: #0b0c0c; }
.govuk-footer__copyright-logo { display: inline-block; padding-top: 15px; text-decoration: none; }
