/* NHS Cookie Banner: styled like the nhs.uk cookie banner. Works with or without NHS.UK frontend. */
.nhscb {
  background: #fff;
  border-bottom: 1px solid #d8dde0;
  box-shadow: 0 0 4px 0 rgba(33, 43, 50, 0.16), 0 4px 4px 0 rgba(33, 43, 50, 0.08);
  color: #212b32;
  font-family: Frutiger W01, Arial, Sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  position: relative;
  z-index: 10;
}
.nhscb[hidden],
.nhscb [hidden],
.nhscb-settings [hidden] { display: none !important; }

.nhscb__inner {
  margin: 0 auto;
  max-width: 960px;
  padding: 24px 16px 8px;
}
@media (min-width: 48.0625em) {
  .nhscb { font-size: 1.1875rem; line-height: 1.47368; }
  .nhscb__inner { padding: 32px 32px 16px; }
}
@media (min-width: 61.875em) {
  .nhscb__inner { padding-left: 0; padding-right: 0; }
}
.nhscb__title {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.33333;
  margin: 0 0 16px;
}
@media (min-width: 48.0625em) { .nhscb__title { font-size: 2rem; line-height: 1.25; } }
.nhscb p { margin: 0 0 16px; }
.nhscb a { color: #005eb8; text-decoration: underline; }
.nhscb a:visited { color: #330072; }
.nhscb a:hover { color: #7c2855; text-decoration: none; }
.nhscb a:focus { background: #ffeb3b; box-shadow: 0 -2px #ffeb3b, 0 4px #212b32; color: #212b32; outline: 4px solid transparent; text-decoration: none; }
.nhscb__confirm:focus { outline: none; }

.nhscb__actions { list-style: none; margin: 0; padding: 0; }
.nhscb__actions li { margin: 0 0 16px; }
@media (min-width: 40.0625em) {
  .nhscb__actions li { display: inline-block; margin-right: 16px; }
}

/* NHS button */
.nhscb__button {
  -webkit-appearance: none;
  background-color: #007f3b;
  border: 2px solid transparent;
  border-radius: 4px;
  box-shadow: 0 4px 0 #00401e;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  margin: 0 0 4px;
  padding: 12px 16px;
  position: relative;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
@media (min-width: 40.0625em) { .nhscb__button { font-size: 1.1875rem; width: auto; } }
.nhscb__button:hover { background-color: #00662f; }
.nhscb__button:focus { background: #ffeb3b; box-shadow: 0 4px 0 #212b32; color: #212b32; outline: 4px solid transparent; }
.nhscb__button:active { box-shadow: none; top: 4px; }

/* Cookie settings form on the cookies page */
.nhscb-settings { margin: 0 0 32px; }
.nhscb-settings__saved {
  border: 4px solid #007f3b;
  margin: 0 0 32px;
  padding: 16px 24px;
}
.nhscb-settings__saved:focus { outline: 4px solid #ffeb3b; }
.nhscb-settings__saved h2 { margin-top: 0; }
.nhscb-settings__saved p:last-child { margin-bottom: 0; }