@charset "UTF-8";
/*
Theme Name: Nightingale
Text Domain: nightingale
Version: 2.4.7
Requires at least: 5.0
Tested up to: 6
Requires PHP: 5.2.4
Description: Theme for NHS organisations based on the NHS Digital frontend framework. Highly customisable for all types of NHS organisations, from campaign sites to primary care providers to arms length bodies to community practices. This can also be used for non NHS organisations.
Tags: education, right-sidebar, custom-menu, footer-widgets, threaded-comments, theme-options
Author: Tony Blacker, NHS Leadership Academy
Author URI: https://www.leadershipacademy.nhs.uk
Theme URI: https://digital.leadershipacademy.nhs.uk/digital-capabilities/websites/nightingale-theme-user-guide/
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Copyright: National Health Service, 2019 - 2020

This theme, like WordPress, is licensed under the GPL.
It is based on the excellent work of Underscores (https://underscores.me/, (C) 2012-2017 Automattic, Inc) and the NHS Frontend Library from NHS Digital.

Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
     ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  overflow-x: hidden;
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
  font-family: Frutiger W01, Arial, Sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  clear: both;
}

p {
  margin-bottom: 1.5em;
}

dfn, cite, em, i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code, kbd, tt, var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem;
}

abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark, ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}

body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
/* With :not(.nhsuk-search__input), the search field is not affected */
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }

  .main-navigation ul {
    display: block;
  }
}
.site-main .comment-navigation, .site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */
}

.widget select {
  max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block;
}

.post,
.page {
  margin: 0 0 1.5em;
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/* stylelint-disable color-no-hex */
/* stylelint-enable color-no-hex */
/* stylelint-disable string-quotes, order/properties-alphabetical-order */
/* stylelint-disable indentation */
/* stylelint-disable color-no-hex */
/* ==========================================================================
   GENERIC / #BOX-SIZING
   ========================================================================== */
/**
 * Set the global `box-sizing` state to `border-box`.
 *
 * https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 * http://paulirish.com/2012/box-sizing-border-box-ftw
 */
html {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

*, *:before, *:after {
  -moz-box-sizing: inherit;
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

/* stylelint-disable indentation */
/* ==========================================================================
   ELEMENTS / #FORMS
   ========================================================================== */
/**
 * Make sure our form elements don’t use any UA-specific font styles: we want
 * them to use ours. This may need reverting as more design information becomes
 * available, and we start putting together more complete forms.
 */
button,
input,
select,
textarea {
  font-family: inherit;
}

/* ==========================================================================
   ELEMENTS / #LINKS
   ========================================================================== */
/**
 * Our basic `<a>` elements only need very minimal styling.
 * It uses the @mixin nhsuk-link-style-default within tools/links.
 * Anything more opinionated (e.g. buttons, calls-to-action, etc.) will need a
 * class defining in the Components layer.
 *
 * 1. Outputs full link URL for print.
 * 2. Point unit used for print.
 */
a {
  color: #005eb8;
}
a:visited {
  color: #330072;
}
a:hover {
  color: #7C2855;
  text-decoration: none;
}
a:focus {
  background-color: #ffeb3b;
  box-shadow: 0 -2px #ffeb3b, 0 4px #212b32;
  color: #212b32;
  outline: 4px solid transparent;
  text-decoration: none;
}
a:focus:hover {
  text-decoration: none;
}
a:focus:visited {
  color: #212b32;
}
a:focus .nhsuk-icon {
  fill: #212b32;
}
a:active {
  color: #002f5c;
}
@media print {
  a:after {
    color: #212b32;
    content: " (Link: " attr(href) ")";
    /* [1] */
    font-size: 14pt;
    /* [2] */
  }
}

.nhsuk-link--no-visited-state:link {
  color: #005eb8;
}
.nhsuk-link--no-visited-state:visited {
  color: #005eb8;
}
.nhsuk-link--no-visited-state:hover {
  color: #7C2855;
}
.nhsuk-link--no-visited-state:active {
  color: #002f5c;
}
.nhsuk-link--no-visited-state:focus {
  color: #212b32;
}

/* ==========================================================================
   ELEMENTS / #PAGE
   ========================================================================== */
/**
 * High-level, page-level styling.
 *
 * 1. The reason for this is to prevent "centering jumps" when navigating back
 *    and forth between pages with enough content to have a vertical scroll bar
 *    and pages that do not.
 * 2. Fonts on OSX will look more consistent with other systems that do not
 *    render text using sub-pixel anti-aliasing.
 * 3. Override the user agent style margin of 8px.
 * 4. Ensure the page always fills at least the entire height of the viewport.
 */
html {
  background-color: #d8dde0;
  overflow-y: scroll;
  /* [1] */
  font-family: Frutiger W01, Arial, Sans-serif;
}
@font-face {
  font-display: swap;
  font-family: "Frutiger W01";
  font-style: normal;
  font-weight: 400;
  src: url("https://assets.nhs.uk/fonts/FrutigerLTW01-55Roman.eot?#iefix");
  src: url("https://assets.nhs.uk/fonts/FrutigerLTW01-55Roman.eot?#iefix") format("eot"), url("https://assets.nhs.uk/fonts/FrutigerLTW01-55Roman.woff2") format("woff2"), url("https://assets.nhs.uk/fonts/FrutigerLTW01-55Roman.woff") format("woff"), url("https://assets.nhs.uk/fonts/FrutigerLTW01-55Roman.ttf") format("truetype"), url("https://assets.nhs.uk/fonts/FrutigerLTW01-55Roman.svg#7def0e34-f28d-434f-b2ec-472bde847115") format("svg");
}
@font-face {
  font-display: swap;
  font-family: "Frutiger W01";
  font-style: normal;
  font-weight: 600;
  src: url("https://assets.nhs.uk/fonts/FrutigerLTW01-65Bold.eot?#iefix");
  src: url("https://assets.nhs.uk/fonts/FrutigerLTW01-65Bold.eot?#iefix") format("eot"), url("https://assets.nhs.uk/fonts/FrutigerLTW01-65Bold.woff2") format("woff2"), url("https://assets.nhs.uk/fonts/FrutigerLTW01-65Bold.woff") format("woff"), url("https://assets.nhs.uk/fonts/FrutigerLTW01-65Bold.ttf") format("truetype"), url("https://assets.nhs.uk/fonts/FrutigerLTW01-65Bold.svg#eae74276-dd78-47e4-9b27-dac81c3411ca") format("svg");
}

body {
  background-color: #f0f4f5;
  color: #212b32;
  font-size: 16px;
  -moz-osx-font-smoothing: grayscale;
  /* [2] */
  -webkit-font-smoothing: antialiased;
  /* [2] */
  line-height: 1.5;
  margin: 0;
  /* [3] */
  min-height: 100%;
  /* [4] */
}

/* ==========================================================================
   ELEMENTS / #TABLES
   ========================================================================== */
/**
 * 1. Force `<table>`s to be full-width by default.
 */
table {
  margin-bottom: 40px;
  border-spacing: 0;
  vertical-align: top;
  width: 100%;
  /* [1] */
}
@media (min-width: 40.0625em) {
  table {
    margin-bottom: 48px;
  }
}
@media print {
  table {
    page-break-inside: avoid;
  }
}

thead th {
  border-bottom: 2px solid #d8dde0;
}

th,
td {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  padding-bottom: 8px;
  padding-right: 16px;
  padding-top: 8px;
  border-bottom: 1px solid #d8dde0;
  text-align: left;
  vertical-align: top;
}
@media (min-width: 40.0625em) {
  th,
td {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.47368;
  }
}
@media print {
  th,
td {
    font-size: 14pt;
    line-height: 1.15;
  }
}
@media (min-width: 40.0625em) {
  th,
td {
    padding-bottom: 16px;
  }
}
@media (min-width: 40.0625em) {
  th,
td {
    padding-right: 24px;
  }
}
@media (min-width: 40.0625em) {
  th,
td {
    padding-top: 16px;
  }
}
th:last-child,
td:last-child {
  padding-right: 0;
}

th {
  font-weight: 600;
}

caption {
  font-weight: 600;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.55556;
  text-align: left;
}
@media (min-width: 40.0625em) {
  caption {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.45455;
  }
}
@media print {
  caption {
    font-size: 18pt;
    line-height: 1.15;
  }
}

.nhsuk-form-group {
  margin-bottom: 16px;
}
@media (min-width: 40.0625em) {
  .nhsuk-form-group {
    margin-bottom: 24px;
  }
}
.nhsuk-form-group .nhsuk-form-group:last-of-type {
  margin-bottom: 0;
}

.nhsuk-form-group--wrapper {
  margin-bottom: 24px;
}
@media (min-width: 40.0625em) {
  .nhsuk-form-group--wrapper {
    margin-bottom: 32px;
  }
}

.nhsuk-form-group--error {
  border-left: 4px solid #d5281b;
  padding-left: 16px;
}
.nhsuk-form-group--error .nhsuk-form-group {
  border: 0;
  padding: 0;
}

/* ==========================================================================
   OBJECTS / #GRID
   ========================================================================== */
.nhsuk-grid-row {
  margin-left: -16px;
  margin-right: -16px;
}
.nhsuk-grid-row:after {
  clear: both;
  content: "";
  display: block;
}

.nhsuk-grid-column-one-quarter {
  box-sizing: border-box;
  padding: 0 16px;
}
@media (min-width: 48.0625em) {
  .nhsuk-grid-column-one-quarter {
    float: left;
    width: 25%;
  }
}

.nhsuk-grid-column-one-third {
  box-sizing: border-box;
  padding: 0 16px;
}
@media (min-width: 48.0625em) {
  .nhsuk-grid-column-one-third {
    float: left;
    width: 33.3333%;
  }
}

.nhsuk-grid-column-one-half {
  box-sizing: border-box;
  padding: 0 16px;
}
@media (min-width: 48.0625em) {
  .nhsuk-grid-column-one-half {
    float: left;
    width: 50%;
  }
}

.nhsuk-grid-column-two-thirds {
  box-sizing: border-box;
  padding: 0 16px;
}
@media (min-width: 48.0625em) {
  .nhsuk-grid-column-two-thirds {
    float: left;
    width: 66.6666%;
  }
}

.nhsuk-grid-column-three-quarters {
  box-sizing: border-box;
  padding: 0 16px;
}
@media (min-width: 48.0625em) {
  .nhsuk-grid-column-three-quarters {
    float: left;
    width: 75%;
  }
}

.nhsuk-grid-column-full {
  box-sizing: border-box;
  padding: 0 16px;
}
@media (min-width: 48.0625em) {
  .nhsuk-grid-column-full {
    float: left;
    width: 100%;
  }
}

/* ==========================================================================
   OBJECTS / #MAIN-WRAPPER
   ========================================================================== */
/**
 * Page wrapper for the grid system
 *
 * Usage:
 * <div class="nhsuk-width-container">
 *   <div class="nhsuk-main-wrapper">
 *    <!-- Wrapper for the main content of your page which applies padding
 *         to the top / bottom -->
 *   </div>
 * </div>
 *
 * Original code taken from GDS (Government Digital Service)
 * https://github.com/alphagov/govuk-frontend
 *
 * 1. In IE11 the `main` element can be used, but is not recognized  –
 *    meaning it's not defined in IE's default style sheet,
 *    so it uses CSS initial value, which is inline.
 */
.nhsuk-main-wrapper {
  padding-top: 40px;
  padding-bottom: 40px;
  display: block;
  /* [1] */
}
@media (min-width: 40.0625em) {
  .nhsuk-main-wrapper {
    padding-top: 48px;
  }
}
@media (min-width: 40.0625em) {
  .nhsuk-main-wrapper {
    padding-bottom: 48px;
  }
}
.nhsuk-main-wrapper > *:first-child {
  margin-top: 0;
}
.nhsuk-main-wrapper > *:last-child {
  margin-bottom: 0;
}

.nhsuk-main-wrapper--l {
  padding-top: 48px;
}
@media (min-width: 40.0625em) {
  .nhsuk-main-wrapper--l {
    padding-top: 56px;
  }
}

.nhsuk-main-wrapper--s {
  padding-bottom: 24px;
  padding-top: 24px;
}
@media (min-width: 40.0625em) {
  .nhsuk-main-wrapper--s {
    padding-bottom: 32px;
  }
}
@media (min-width: 40.0625em) {
  .nhsuk-main-wrapper--s {
    padding-top: 32px;
  }
}

/* ==========================================================================
   OBJECTS / #WIDTH-CONTAINER
   ========================================================================== */
/**
 * Page width for the grid system
 *
 * Original code taken from GDS (Government Digital Service)
 * https://github.com/alphagov/govuk-frontend
 *
 * 1. On mobile, add half width gutters
 * 2. Limit the width of the container to the page width
 * 3. From desktop, add full width gutters
 * 4. As soon as the viewport is greater than the width of the page plus the
 *    gutters, just centre the content instead of adding gutters.
 * 5. Full width container, spanning the entire width of the viewport
 */
.nhsuk-width-container, #cookie-notice .cookie-notice-container #cn-notice-buttons, #cookie-notice .cookie-notice-container .cn-text-container {
  margin: 0 16px;
  /* [1] */
  max-width: 960px;
  /* [2] */
  /* [4] */
}
@media (min-width: 48.0625em) {
  .nhsuk-width-container, #cookie-notice .cookie-notice-container #cn-notice-buttons, #cookie-notice .cookie-notice-container .cn-text-container {
    margin: 0 32px;
    /* [3] */
  }
}
@media (min-width: 1024px) {
  .nhsuk-width-container, #cookie-notice .cookie-notice-container #cn-notice-buttons, #cookie-notice .cookie-notice-container .cn-text-container {
    margin: 0 auto;
  }
}

.nhsuk-width-container-fluid {
  margin: 0 16px;
  max-width: 100%;
  /* [5] */
}
@media (min-width: 48.0625em) {
  .nhsuk-width-container-fluid {
    margin: 0 32px;
    /* [3] */
  }
}

/* ==========================================================================
   STYLES / #ICONS
   ========================================================================== */
.nhsuk-icon {
  height: 34px;
  width: 34px;
}

.nhsuk-icon__search {
  fill: #005eb8;
}

.nhsuk-icon__chevron-left {
  fill: #005eb8;
}

.nhsuk-icon__chevron-right {
  fill: #005eb8;
}

.nhsuk-icon__close {
  fill: #005eb8;
}

.nhsuk-icon__cross {
  fill: #d5281b;
}

.nhsuk-icon__tick {
  stroke: #007f3b;
}

.nhsuk-icon__arrow-right {
  fill: #005eb8;
}

.nhsuk-icon__arrow-left {
  fill: #005eb8;
}

.nhsuk-icon__arrow-right-circle {
  fill: #007f3b;
}

.nhsuk-icon__chevron-down {
  fill: #005eb8;
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.nhsuk-icon__chevron-down path {
  fill: #ffffff;
}

.nhsuk-icon__chevron-up {
  fill: #005eb8;
}
.nhsuk-icon__chevron-up path {
  fill: #ffffff;
}

.nhsuk-icon__emdash path {
  fill: #aeb7bd;
}

.nhsuk-icon__plus {
  fill: #005eb8;
}

.nhsuk-icon__minus {
  fill: #005eb8;
}

.nhsuk-icon--size-25 {
  height: 42.5px;
  width: 42.5px;
}

.nhsuk-icon--size-50 {
  height: 51px;
  width: 51px;
}

.nhsuk-icon--size-75 {
  height: 59.5px;
  width: 59.5px;
}

.nhsuk-icon--size-100 {
  height: 68px;
  width: 68px;
}

/* ==========================================================================
   STYLES / #LISTS
   ========================================================================== */
/**
 * 1. 'Random number' used to align ul and ol left with content.
 * 2. 'Random number' used to give sufficient spacing between text and icon.
 * 3. 'Random number' used to align icon and text.
 */
ol, ul, .nhsuk-list {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 16px;
  list-style-type: none;
  margin-top: 0;
  padding-left: 0;
}
@media (min-width: 40.0625em) {
  ol, ul, .nhsuk-list {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.47368;
  }
}
@media print {
  ol, ul, .nhsuk-list {
    font-size: 14pt;
    line-height: 1.15;
  }
}
@media (min-width: 40.0625em) {
  ol, ul, .nhsuk-list {
    margin-bottom: 24px;
  }
}

ol > li, ul > li, .nhsuk-list > li {
  margin-bottom: 8px;
}
@media (min-width: 40.0625em) {
  ol > li, ul > li, .nhsuk-list > li {
    margin-bottom: 8px;
  }
}
ol > li:last-child, ul > li:last-child, .nhsuk-list > li:last-child {
  margin-bottom: 0;
}

ul, .nhsuk-list--bullet {
  list-style-type: disc;
  padding-left: 20px;
  /* [1] */
}

ol, .nhsuk-list--number {
  list-style-type: decimal;
  padding-left: 20px;
  /* [1] */
}

.nhsuk-list--tick,
.nhsuk-list--cross {
  list-style: none;
  margin-top: 0;
  padding-left: 40px;
  /* [2] */
  position: relative;
}
.nhsuk-list--tick svg,
.nhsuk-list--cross svg {
  left: -4px;
  /* [3] */
  margin-top: -5px;
  /* [3] */
  position: absolute;
}

/* ==========================================================================
   STYLES / #SECTION-BREAK
   ========================================================================== */
/**
 * 1. Extended the section-break--l code for usage of a semantic <hr> with
 * no class name.
 *
 * Original code taken from GDS (Government Digital Service)
 * https://github.com/alphagov/govuk-frontend
 */
hr, .nhsuk-section-break {
  border: 0;
  margin: 0;
}

.nhsuk-section-break--xl {
  margin-top: 48px;
  margin-bottom: 48px;
}
@media (min-width: 40.0625em) {
  .nhsuk-section-break--xl {
    margin-top: 56px;
  }
}
@media (min-width: 40.0625em) {
  .nhsuk-section-break--xl {
    margin-bottom: 56px;
  }
}

hr, .nhsuk-section-break--l {
  margin-top: 32px;
  margin-bottom: 32px;
}
@media (min-width: 40.0625em) {
  hr, .nhsuk-section-break--l {
    margin-top: 40px;
  }
}
@media (min-width: 40.0625em) {
  hr, .nhsuk-section-break--l {
    margin-bottom: 40px;
  }
}

.nhsuk-section-break--m {
  margin-top: 16px;
  margin-bottom: 16px;
}
@media (min-width: 40.0625em) {
  .nhsuk-section-break--m {
    margin-top: 24px;
  }
}
@media (min-width: 40.0625em) {
  .nhsuk-section-break--m {
    margin-bottom: 24px;
  }
}

hr, .nhsuk-section-break--visible {
  border-bottom: 1px solid #d8dde0;
}

hr {
  /* [1] */
}

/* ==========================================================================
   STYLES / #TYPOGRAPHY
   ========================================================================== */
/* Headings */
h1,
.nhsuk-heading-xl {
  font-size: 32px;
  font-size: 2rem;
  line-height: 1.25;
  display: block;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 40px;
}
@media (min-width: 40.0625em) {
  h1,
.nhsuk-heading-xl {
    font-size: 48px;
    font-size: 3rem;
    line-height: 1.16667;
  }
}
@media print {
  h1,
.nhsuk-heading-xl {
    font-size: 32pt;
    line-height: 1.15;
  }
}
@media (min-width: 40.0625em) {
  h1,
.nhsuk-heading-xl {
    margin-bottom: 48px;
  }
}

h2,
.nhsuk-heading-l {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.33333;
  display: block;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 16px;
}
@media (min-width: 40.0625em) {
  h2,
.nhsuk-heading-l {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.25;
  }
}
@media print {
  h2,
.nhsuk-heading-l {
    font-size: 24pt;
    line-height: 1.05;
  }
}
@media (min-width: 40.0625em) {
  h2,
.nhsuk-heading-l {
    margin-bottom: 24px;
  }
}

h3,
.nhsuk-heading-m,
.nhsuk-card.is-style-panel-with-label .nhsuk-card__content h2 {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.4;
  display: block;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 16px;
}
@media (min-width: 40.0625em) {
  h3,
.nhsuk-heading-m,
.nhsuk-card.is-style-panel-with-label .nhsuk-card__content h2 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.33333;
  }
}
@media print {
  h3,
.nhsuk-heading-m,
.nhsuk-card.is-style-panel-with-label .nhsuk-card__content h2 {
    font-size: 18pt;
    line-height: 1.15;
  }
}
@media (min-width: 40.0625em) {
  h3,
.nhsuk-heading-m,
.nhsuk-card.is-style-panel-with-label .nhsuk-card__content h2 {
    margin-bottom: 24px;
  }
}

h4,
.nhsuk-heading-s,
#cookie-notice .cookie-notice-container .cn-text-container {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.55556;
  display: block;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 16px;
}
@media (min-width: 40.0625em) {
  h4,
.nhsuk-heading-s,
#cookie-notice .cookie-notice-container .cn-text-container {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.45455;
  }
}
@media print {
  h4,
.nhsuk-heading-s,
#cookie-notice .cookie-notice-container .cn-text-container {
    font-size: 18pt;
    line-height: 1.15;
  }
}
@media (min-width: 40.0625em) {
  h4,
.nhsuk-heading-s,
#cookie-notice .cookie-notice-container .cn-text-container {
    margin-bottom: 24px;
  }
}

h5,
.nhsuk-heading-xs {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  display: block;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 16px;
}
@media (min-width: 40.0625em) {
  h5,
.nhsuk-heading-xs {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.47368;
  }
}
@media print {
  h5,
.nhsuk-heading-xs {
    font-size: 14pt;
    line-height: 1.15;
  }
}
@media (min-width: 40.0625em) {
  h5,
.nhsuk-heading-xs {
    margin-bottom: 24px;
  }
}

h6,
.nhsuk-heading-xxs {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  display: block;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 16px;
}
@media (min-width: 40.0625em) {
  h6,
.nhsuk-heading-xxs {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.47368;
  }
}
@media print {
  h6,
.nhsuk-heading-xxs {
    font-size: 14pt;
    line-height: 1.15;
  }
}
@media (min-width: 40.0625em) {
  h6,
.nhsuk-heading-xxs {
    margin-bottom: 24px;
  }
}

/* Captions to be used inside headings */
.nhsuk-caption-xl {
  font-weight: 400;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.33333;
  color: #4c6272;
  display: block;
  margin-bottom: 4px;
}
@media (min-width: 40.0625em) {
  .nhsuk-caption-xl {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.25;
  }
}
@media print {
  .nhsuk-caption-xl {
    font-size: 24pt;
    line-height: 1.05;
  }
}

.nhsuk-caption-l {
  font-weight: 400;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.4;
  color: #4c6272;
  display: block;
  margin-bottom: 4px;
}
@media (min-width: 40.0625em) {
  .nhsuk-caption-l {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.33333;
  }
}
@media print {
  .nhsuk-caption-l {
    font-size: 18pt;
    line-height: 1.15;
  }
}

.nhsuk-caption-m {
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  color: #4c6272;
  display: block;
}
@media (min-width: 40.0625em) {
  .nhsuk-caption-m {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.47368;
  }
}
@media print {
  .nhsuk-caption-m {
    font-size: 14pt;
    line-height: 1.15;
  }
}

.nhsuk-caption--bottom {
  margin-bottom: 0;
  margin-top: 4px;
}

/* Body (paragraphs) */
.nhsuk-body-l {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.4;
  display: block;
  margin-top: 0;
  margin-bottom: 24px;
}
@media (min-width: 40.0625em) {
  .nhsuk-body-l {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.33333;
  }
}
@media print {
  .nhsuk-body-l {
    font-size: 18pt;
    line-height: 1.15;
  }
}
@media (min-width: 40.0625em) {
  .nhsuk-body-l {
    margin-bottom: 32px;
  }
}

address, p,
.nhsuk-body-m {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  display: block;
  margin-top: 0;
  margin-bottom: 16px;
}
@media (min-width: 40.0625em) {
  address, p,
.nhsuk-body-m {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.47368;
  }
}
@media print {
  address, p,
.nhsuk-body-m {
    font-size: 14pt;
    line-height: 1.15;
  }
}
@media (min-width: 40.0625em) {
  address, p,
.nhsuk-body-m {
    margin-bottom: 24px;
  }
}

p,
.nhsuk-body-m {
  color: inherit;
}

.nhsuk-body-s {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.71429;
  display: block;
  margin-top: 0;
  margin-bottom: 16px;
}
@media (min-width: 40.0625em) {
  .nhsuk-body-s {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
  }
}
@media print {
  .nhsuk-body-s {
    font-size: 14pt;
    line-height: 1.2;
  }
}
@media (min-width: 40.0625em) {
  .nhsuk-body-s {
    margin-bottom: 24px;
  }
}

address {
  font-style: normal;
}

/**
 * Lede text
 *
 * 1. Apply lede text styling to p and ul within the lede element
 * 2. Reduces the spacing between the page heading and the lede text
 */
.nhsuk-lede-text {
  font-weight: 400;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.4;
  margin-bottom: 40px;
  /* [1] */
}
@media (min-width: 40.0625em) {
  .nhsuk-lede-text {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.33333;
  }
}
@media print {
  .nhsuk-lede-text {
    font-size: 18pt;
    line-height: 1.15;
  }
}
@media (min-width: 40.0625em) {
  .nhsuk-lede-text {
    margin-bottom: 48px;
  }
}
.nhsuk-lede-text p,
.nhsuk-lede-text ul {
  font-weight: 400;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.4;
}
@media (min-width: 40.0625em) {
  .nhsuk-lede-text p,
.nhsuk-lede-text ul {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.33333;
  }
}
@media print {
  .nhsuk-lede-text p,
.nhsuk-lede-text ul {
    font-size: 18pt;
    line-height: 1.15;
  }
}

.nhsuk-lede-text--small {
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 24px;
}
@media (min-width: 40.0625em) {
  .nhsuk-lede-text--small {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.47368;
  }
}
@media print {
  .nhsuk-lede-text--small {
    font-size: 14pt;
    line-height: 1.15;
  }
}
@media (min-width: 40.0625em) {
  .nhsuk-lede-text--small {
    margin-bottom: 32px;
  }
}

/* [2] */
h1 + .nhsuk-lede-text,
h1 + .nhsuk-lede-text--small {
  margin-top: -8px;
}

/**
 * Contextual adjustments
 *
 * Add top padding to headings that appear directly after paragraphs.
 *
 * 1. Removes the padding-top because of the lede-text's increased margin-bottom
 *
 * Original code taken from GDS (Government Digital Service)
 * https://github.com/alphagov/nhsuk-frontend
 */
.nhsuk-body-l + h2,
.nhsuk-body-l + .nhsuk-heading-l {
  padding-top: 4px;
}
@media (min-width: 40.0625em) {
  .nhsuk-body-l + h2,
.nhsuk-body-l + .nhsuk-heading-l {
    padding-top: 8px;
  }
}

p + h2,
.nhsuk-body-m + h2, address + h2,
p + .nhsuk-heading-l,
.nhsuk-body-m + .nhsuk-heading-l,
address + .nhsuk-heading-l,
.nhsuk-body-s + h2,
.nhsuk-body-s + .nhsuk-heading-l,
.nhsuk-list + h2,
ul + h2,
ol + h2,
.nhsuk-list + .nhsuk-heading-l,
ul + .nhsuk-heading-l,
ol + .nhsuk-heading-l {
  padding-top: 16px;
}
@media (min-width: 40.0625em) {
  p + h2,
.nhsuk-body-m + h2, address + h2,
p + .nhsuk-heading-l,
.nhsuk-body-m + .nhsuk-heading-l,
address + .nhsuk-heading-l,
.nhsuk-body-s + h2,
.nhsuk-body-s + .nhsuk-heading-l,
.nhsuk-list + h2,
ul + h2,
ol + h2,
.nhsuk-list + .nhsuk-heading-l,
ul + .nhsuk-heading-l,
ol + .nhsuk-heading-l {
    padding-top: 24px;
  }
}

p + h3,
.nhsuk-body-m + h3, address + h3,
p + .nhsuk-heading-m,
.nhsuk-card.is-style-panel-with-label .nhsuk-card__content p + h2,
.nhsuk-body-m + .nhsuk-heading-m,
.nhsuk-card.is-style-panel-with-label .nhsuk-card__content .nhsuk-body-m + h2,
address + .nhsuk-heading-m,
.nhsuk-card.is-style-panel-with-label .nhsuk-card__content address + h2,
.nhsuk-body-s + h3,
.nhsuk-body-s + .nhsuk-heading-m,
.nhsuk-card.is-style-panel-with-label .nhsuk-card__content .nhsuk-body-s + h2,
.nhsuk-list + h3,
ul + h3,
ol + h3,
.nhsuk-list + .nhsuk-heading-m,
.nhsuk-card.is-style-panel-with-label .nhsuk-card__content .nhsuk-list + h2,
ul + .nhsuk-heading-m,
.nhsuk-card.is-style-panel-with-label .nhsuk-card__content ul + h2,
ol + .nhsuk-heading-m,
.nhsuk-card.is-style-panel-with-label .nhsuk-card__content ol + h2,
p + h4,
.nhsuk-body-m + h4,
address + h4,
p + .nhsuk-heading-s,
#cookie-notice .cookie-notice-container p + .cn-text-container,
.nhsuk-body-m + .nhsuk-heading-s,
#cookie-notice .cookie-notice-container .nhsuk-body-m + .cn-text-container,
address + .nhsuk-heading-s,
#cookie-notice .cookie-notice-container address + .cn-text-container,
.nhsuk-body-s + h4,
.nhsuk-body-s + .nhsuk-heading-s,
#cookie-notice .cookie-notice-container .nhsuk-body-s + .cn-text-container,
.nhsuk-list + h4,
ul + h4,
ol + h4,
.nhsuk-list + .nhsuk-heading-s,
#cookie-notice .cookie-notice-container .nhsuk-list + .cn-text-container,
ul + .nhsuk-heading-s,
#cookie-notice .cookie-notice-container ul + .cn-text-container,
ol + .nhsuk-heading-s,
#cookie-notice .cookie-notice-container ol + .cn-text-container {
  padding-top: 4px;
}
@media (min-width: 40.0625em) {
  p + h3,
.nhsuk-body-m + h3, address + h3,
p + .nhsuk-heading-m,
.nhsuk-card.is-style-panel-with-label .nhsuk-card__content p + h2,
.nhsuk-body-m + .nhsuk-heading-m,
.nhsuk-card.is-style-panel-with-label .nhsuk-card__content .nhsuk-body-m + h2,
address + .nhsuk-heading-m,
.nhsuk-card.is-style-panel-with-label .nhsuk-card__content address + h2,
.nhsuk-body-s + h3,
.nhsuk-body-s + .nhsuk-heading-m,
.nhsuk-card.is-style-panel-with-label .nhsuk-card__content .nhsuk-body-s + h2,
.nhsuk-list + h3,
ul + h3,
ol + h3,
.nhsuk-list + .nhsuk-heading-m,
.nhsuk-card.is-style-panel-with-label .nhsuk-card__content .nhsuk-list + h2,
ul + .nhsuk-heading-m,
.nhsuk-card.is-style-panel-with-label .nhsuk-card__content ul + h2,
ol + .nhsuk-heading-m,
.nhsuk-card.is-style-panel-with-label .nhsuk-card__content ol + h2,
p + h4,
.nhsuk-body-m + h4,
address + h4,
p + .nhsuk-heading-s,
#cookie-notice .cookie-notice-container p + .cn-text-container,
.nhsuk-body-m + .nhsuk-heading-s,
#cookie-notice .cookie-notice-container .nhsuk-body-m + .cn-text-container,
address + .nhsuk-heading-s,
#cookie-notice .cookie-notice-container address + .cn-text-container,
.nhsuk-body-s + h4,
.nhsuk-body-s + .nhsuk-heading-s,
#cookie-notice .cookie-notice-container .nhsuk-body-s + .cn-text-container,
.nhsuk-list + h4,
ul + h4,
ol + h4,
.nhsuk-list + .nhsuk-heading-s,
#cookie-notice .cookie-notice-container .nhsuk-list + .cn-text-container,
ul + .nhsuk-heading-s,
#cookie-notice .cookie-notice-container ul + .cn-text-container,
ol + .nhsuk-heading-s,
#cookie-notice .cookie-notice-container ol + .cn-text-container {
    padding-top: 8px;
  }
}

/* [1] */
.nhsuk-lede-text + h2,
.nhsuk-lede-text + .nhsuk-heading-l {
  padding-top: 0;
}

/* Font weight for <strong> and <b> */
strong,
b {
  font-weight: 600;
}

/* ==========================================================================
   UTILITIES / #CLEARFIX
   ========================================================================== */
/**
 * Automatically clear an elements
 * child elements
 *
 * Usage: class="nhsuk-u-clear"
 * See tools/mixins
 */
.nhsuk-u-clear:after {
  clear: both;
  content: "";
  display: block;
}

/* ==========================================================================
   UTILITIES / #DISPLAY
   ========================================================================== */
/* stylelint-disable declaration-no-important */
.nhsuk-u-display-block {
  display: block !important;
}

.nhsuk-u-display-inline-block {
  display: inline-block !important;
}

/* ==========================================================================
   UTILITIES / #FLOAT
   ========================================================================== */
/* stylelint-disable declaration-no-important */
.nhsuk-u-float-left {
  float: left !important;
}

.nhsuk-u-float-right {
  float: right !important;
}

/* ==========================================================================
   UTILITIES / #GRID
   ========================================================================== */
/**
 * Force grid widths on all screen sizes
 * By default all grid elements will go to 100% width
 * on screen sizes below tablet, these utilities can force
 * custom widths on all screen sizes
 *
 * Usage: class="nhsuk-u-one-half"
 */
/* stylelint-disable declaration-no-important */
.nhsuk-u-one-half {
  float: left;
  width: 50% !important;
}

.nhsuk-u-one-third {
  float: left;
  width: 33.3333333333% !important;
}

.nhsuk-u-two-thirds {
  float: left;
  width: 66.6666666667% !important;
}

.nhsuk-u-one-quarter {
  float: left;
  width: 25% !important;
}

.nhsuk-u-three-quarters {
  float: left;
  width: 75% !important;
}

/**
 * Force grid widths on screen sizes on tablet
 * and above
 *
 * By default all grid elements will go to 100% width
 * on every screen size, these utilities can force
 * custom widths on screen sizes on tablet
 * and above
 *
 * Usage: class="nhsuk-u-one-half-tablet"
 */
.nhsuk-u-one-half-tablet {
  width: 100% !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-one-half-tablet {
    float: left;
    width: 50% !important;
  }
}

.nhsuk-u-one-third-tablet {
  width: 100% !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-one-third-tablet {
    float: left;
    width: 33.3333333333% !important;
  }
}

.nhsuk-u-two-thirds-tablet {
  width: 100% !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-two-thirds-tablet {
    float: left;
    width: 66.6666666667% !important;
  }
}

.nhsuk-u-one-quarter-tablet {
  width: 100% !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-one-quarter-tablet {
    float: left;
    width: 25% !important;
  }
}

.nhsuk-u-three-quarters-tablet {
  width: 100% !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-three-quarters-tablet {
    float: left;
    width: 75% !important;
  }
}

/* ==========================================================================
   UTILITIES / #LINK-NOWRAP
   ========================================================================== */
/**
 * Prevent long anchor links from line breaking
 * on smaller screens
 *
 * Usage: class="nhsuk-u-nowrap"
 */
@media (max-width: 40.0525em) {
  .nhsuk-u-nowrap {
    white-space: nowrap;
  }
}

/* ==========================================================================
   UTILITIES / #READING-WIDTH
   ========================================================================== */
/**
 * Reading width mixin, add a maximum width
 * to large pieces of content
 *
 * Usage: class="nhsuk-u-reading-width"
 * See tools/mixins
 */
.nhsuk-u-reading-width {
  max-width: 44em;
}

.nhsuk-u-margin-0 {
  margin: 0 !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-margin-0 {
    margin: 0 !important;
  }
}

.nhsuk-u-margin-top-0 {
  margin-top: 0 !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-margin-top-0 {
    margin-top: 0 !important;
  }
}

.nhsuk-u-margin-right-0 {
  margin-right: 0 !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-margin-right-0 {
    margin-right: 0 !important;
  }
}

.nhsuk-u-margin-bottom-0 {
  margin-bottom: 0 !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-margin-bottom-0 {
    margin-bottom: 0 !important;
  }
}

.nhsuk-u-margin-left-0 {
  margin-left: 0 !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-margin-left-0 {
    margin-left: 0 !important;
  }
}

.nhsuk-u-margin-1 {
  margin: 4px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-margin-1 {
    margin: 4px !important;
  }
}

.nhsuk-u-margin-top-1 {
  margin-top: 4px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-margin-top-1 {
    margin-top: 4px !important;
  }
}

.nhsuk-u-margin-right-1 {
  margin-right: 4px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-margin-right-1 {
    margin-right: 4px !important;
  }
}

.nhsuk-u-margin-bottom-1 {
  margin-bottom: 4px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-margin-bottom-1 {
    margin-bottom: 4px !important;
  }
}

.nhsuk-u-margin-left-1 {
  margin-left: 4px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-margin-left-1 {
    margin-left: 4px !important;
  }
}

.nhsuk-u-margin-2 {
  margin: 8px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-margin-2 {
    margin: 8px !important;
  }
}

.nhsuk-u-margin-top-2 {
  margin-top: 8px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-margin-top-2 {
    margin-top: 8px !important;
  }
}

.nhsuk-u-margin-right-2 {
  margin-right: 8px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-margin-right-2 {
    margin-right: 8px !important;
  }
}

.nhsuk-u-margin-bottom-2 {
  margin-bottom: 8px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-margin-bottom-2 {
    margin-bottom: 8px !important;
  }
}

.nhsuk-u-margin-left-2 {
  margin-left: 8px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-margin-left-2 {
    margin-left: 8px !important;
  }
}

.nhsuk-u-margin-3 {
  margin: 8px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-margin-3 {
    margin: 16px !important;
  }
}

.nhsuk-u-margin-top-3 {
  margin-top: 8px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-margin-top-3 {
    margin-top: 16px !important;
  }
}

.nhsuk-u-margin-right-3 {
  margin-right: 8px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-margin-right-3 {
    margin-right: 16px !important;
  }
}

.nhsuk-u-margin-bottom-3 {
  margin-bottom: 8px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-margin-bottom-3 {
    margin-bottom: 16px !important;
  }
}

.nhsuk-u-margin-left-3 {
  margin-left: 8px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-margin-left-3 {
    margin-left: 16px !important;
  }
}

.nhsuk-u-margin-4 {
  margin: 16px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-margin-4 {
    margin: 24px !important;
  }
}

.nhsuk-u-margin-top-4 {
  margin-top: 16px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-margin-top-4 {
    margin-top: 24px !important;
  }
}

.nhsuk-u-margin-right-4 {
  margin-right: 16px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-margin-right-4 {
    margin-right: 24px !important;
  }
}

.nhsuk-u-margin-bottom-4 {
  margin-bottom: 16px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-margin-bottom-4 {
    margin-bottom: 24px !important;
  }
}

.nhsuk-u-margin-left-4 {
  margin-left: 16px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-margin-left-4 {
    margin-left: 24px !important;
  }
}

.nhsuk-u-margin-5 {
  margin: 24px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-margin-5 {
    margin: 32px !important;
  }
}

.nhsuk-u-margin-top-5 {
  margin-top: 24px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-margin-top-5 {
    margin-top: 32px !important;
  }
}

.nhsuk-u-margin-right-5 {
  margin-right: 24px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-margin-right-5 {
    margin-right: 32px !important;
  }
}

.nhsuk-u-margin-bottom-5 {
  margin-bottom: 24px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-margin-bottom-5 {
    margin-bottom: 32px !important;
  }
}

.nhsuk-u-margin-left-5 {
  margin-left: 24px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-margin-left-5 {
    margin-left: 32px !important;
  }
}

.nhsuk-u-margin-6 {
  margin: 32px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-margin-6 {
    margin: 40px !important;
  }
}

.nhsuk-u-margin-top-6 {
  margin-top: 32px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-margin-top-6 {
    margin-top: 40px !important;
  }
}

.nhsuk-u-margin-right-6 {
  margin-right: 32px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-margin-right-6 {
    margin-right: 40px !important;
  }
}

.nhsuk-u-margin-bottom-6 {
  margin-bottom: 32px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-margin-bottom-6 {
    margin-bottom: 40px !important;
  }
}

.nhsuk-u-margin-left-6 {
  margin-left: 32px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-margin-left-6 {
    margin-left: 40px !important;
  }
}

.nhsuk-u-margin-7 {
  margin: 40px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-margin-7 {
    margin: 48px !important;
  }
}

.nhsuk-u-margin-top-7 {
  margin-top: 40px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-margin-top-7 {
    margin-top: 48px !important;
  }
}

.nhsuk-u-margin-right-7 {
  margin-right: 40px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-margin-right-7 {
    margin-right: 48px !important;
  }
}

.nhsuk-u-margin-bottom-7 {
  margin-bottom: 40px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-margin-bottom-7 {
    margin-bottom: 48px !important;
  }
}

.nhsuk-u-margin-left-7 {
  margin-left: 40px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-margin-left-7 {
    margin-left: 48px !important;
  }
}

.nhsuk-u-margin-8 {
  margin: 48px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-margin-8 {
    margin: 56px !important;
  }
}

.nhsuk-u-margin-top-8 {
  margin-top: 48px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-margin-top-8 {
    margin-top: 56px !important;
  }
}

.nhsuk-u-margin-right-8 {
  margin-right: 48px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-margin-right-8 {
    margin-right: 56px !important;
  }
}

.nhsuk-u-margin-bottom-8 {
  margin-bottom: 48px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-margin-bottom-8 {
    margin-bottom: 56px !important;
  }
}

.nhsuk-u-margin-left-8 {
  margin-left: 48px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-margin-left-8 {
    margin-left: 56px !important;
  }
}

.nhsuk-u-margin-9 {
  margin: 56px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-margin-9 {
    margin: 64px !important;
  }
}

.nhsuk-u-margin-top-9 {
  margin-top: 56px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-margin-top-9 {
    margin-top: 64px !important;
  }
}

.nhsuk-u-margin-right-9 {
  margin-right: 56px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-margin-right-9 {
    margin-right: 64px !important;
  }
}

.nhsuk-u-margin-bottom-9 {
  margin-bottom: 56px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-margin-bottom-9 {
    margin-bottom: 64px !important;
  }
}

.nhsuk-u-margin-left-9 {
  margin-left: 56px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-margin-left-9 {
    margin-left: 64px !important;
  }
}

.nhsuk-u-padding-0 {
  padding: 0 !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-padding-0 {
    padding: 0 !important;
  }
}

.nhsuk-u-padding-top-0 {
  padding-top: 0 !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-padding-top-0 {
    padding-top: 0 !important;
  }
}

.nhsuk-u-padding-right-0 {
  padding-right: 0 !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-padding-right-0 {
    padding-right: 0 !important;
  }
}

.nhsuk-u-padding-bottom-0 {
  padding-bottom: 0 !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-padding-bottom-0 {
    padding-bottom: 0 !important;
  }
}

.nhsuk-u-padding-left-0 {
  padding-left: 0 !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-padding-left-0 {
    padding-left: 0 !important;
  }
}

.nhsuk-u-padding-1 {
  padding: 4px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-padding-1 {
    padding: 4px !important;
  }
}

.nhsuk-u-padding-top-1 {
  padding-top: 4px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-padding-top-1 {
    padding-top: 4px !important;
  }
}

.nhsuk-u-padding-right-1 {
  padding-right: 4px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-padding-right-1 {
    padding-right: 4px !important;
  }
}

.nhsuk-u-padding-bottom-1 {
  padding-bottom: 4px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-padding-bottom-1 {
    padding-bottom: 4px !important;
  }
}

.nhsuk-u-padding-left-1 {
  padding-left: 4px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-padding-left-1 {
    padding-left: 4px !important;
  }
}

.nhsuk-u-padding-2 {
  padding: 8px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-padding-2 {
    padding: 8px !important;
  }
}

.nhsuk-u-padding-top-2 {
  padding-top: 8px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-padding-top-2 {
    padding-top: 8px !important;
  }
}

.nhsuk-u-padding-right-2 {
  padding-right: 8px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-padding-right-2 {
    padding-right: 8px !important;
  }
}

.nhsuk-u-padding-bottom-2 {
  padding-bottom: 8px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-padding-bottom-2 {
    padding-bottom: 8px !important;
  }
}

.nhsuk-u-padding-left-2 {
  padding-left: 8px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-padding-left-2 {
    padding-left: 8px !important;
  }
}

.nhsuk-u-padding-3 {
  padding: 8px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-padding-3 {
    padding: 16px !important;
  }
}

.nhsuk-u-padding-top-3 {
  padding-top: 8px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-padding-top-3 {
    padding-top: 16px !important;
  }
}

.nhsuk-u-padding-right-3 {
  padding-right: 8px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-padding-right-3 {
    padding-right: 16px !important;
  }
}

.nhsuk-u-padding-bottom-3 {
  padding-bottom: 8px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-padding-bottom-3 {
    padding-bottom: 16px !important;
  }
}

.nhsuk-u-padding-left-3 {
  padding-left: 8px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-padding-left-3 {
    padding-left: 16px !important;
  }
}

.nhsuk-u-padding-4 {
  padding: 16px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-padding-4 {
    padding: 24px !important;
  }
}

.nhsuk-u-padding-top-4 {
  padding-top: 16px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-padding-top-4 {
    padding-top: 24px !important;
  }
}

.nhsuk-u-padding-right-4 {
  padding-right: 16px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-padding-right-4 {
    padding-right: 24px !important;
  }
}

.nhsuk-u-padding-bottom-4 {
  padding-bottom: 16px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-padding-bottom-4 {
    padding-bottom: 24px !important;
  }
}

.nhsuk-u-padding-left-4 {
  padding-left: 16px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-padding-left-4 {
    padding-left: 24px !important;
  }
}

.nhsuk-u-padding-5 {
  padding: 24px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-padding-5 {
    padding: 32px !important;
  }
}

.nhsuk-u-padding-top-5 {
  padding-top: 24px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-padding-top-5 {
    padding-top: 32px !important;
  }
}

.nhsuk-u-padding-right-5 {
  padding-right: 24px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-padding-right-5 {
    padding-right: 32px !important;
  }
}

.nhsuk-u-padding-bottom-5 {
  padding-bottom: 24px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-padding-bottom-5 {
    padding-bottom: 32px !important;
  }
}

.nhsuk-u-padding-left-5 {
  padding-left: 24px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-padding-left-5 {
    padding-left: 32px !important;
  }
}

.nhsuk-u-padding-6 {
  padding: 32px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-padding-6 {
    padding: 40px !important;
  }
}

.nhsuk-u-padding-top-6 {
  padding-top: 32px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-padding-top-6 {
    padding-top: 40px !important;
  }
}

.nhsuk-u-padding-right-6 {
  padding-right: 32px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-padding-right-6 {
    padding-right: 40px !important;
  }
}

.nhsuk-u-padding-bottom-6 {
  padding-bottom: 32px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-padding-bottom-6 {
    padding-bottom: 40px !important;
  }
}

.nhsuk-u-padding-left-6 {
  padding-left: 32px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-padding-left-6 {
    padding-left: 40px !important;
  }
}

.nhsuk-u-padding-7 {
  padding: 40px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-padding-7 {
    padding: 48px !important;
  }
}

.nhsuk-u-padding-top-7 {
  padding-top: 40px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-padding-top-7 {
    padding-top: 48px !important;
  }
}

.nhsuk-u-padding-right-7 {
  padding-right: 40px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-padding-right-7 {
    padding-right: 48px !important;
  }
}

.nhsuk-u-padding-bottom-7 {
  padding-bottom: 40px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-padding-bottom-7 {
    padding-bottom: 48px !important;
  }
}

.nhsuk-u-padding-left-7 {
  padding-left: 40px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-padding-left-7 {
    padding-left: 48px !important;
  }
}

.nhsuk-u-padding-8 {
  padding: 48px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-padding-8 {
    padding: 56px !important;
  }
}

.nhsuk-u-padding-top-8 {
  padding-top: 48px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-padding-top-8 {
    padding-top: 56px !important;
  }
}

.nhsuk-u-padding-right-8 {
  padding-right: 48px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-padding-right-8 {
    padding-right: 56px !important;
  }
}

.nhsuk-u-padding-bottom-8 {
  padding-bottom: 48px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-padding-bottom-8 {
    padding-bottom: 56px !important;
  }
}

.nhsuk-u-padding-left-8 {
  padding-left: 48px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-padding-left-8 {
    padding-left: 56px !important;
  }
}

.nhsuk-u-padding-9 {
  padding: 56px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-padding-9 {
    padding: 64px !important;
  }
}

.nhsuk-u-padding-top-9 {
  padding-top: 56px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-padding-top-9 {
    padding-top: 64px !important;
  }
}

.nhsuk-u-padding-right-9 {
  padding-right: 56px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-padding-right-9 {
    padding-right: 64px !important;
  }
}

.nhsuk-u-padding-bottom-9 {
  padding-bottom: 56px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-padding-bottom-9 {
    padding-bottom: 64px !important;
  }
}

.nhsuk-u-padding-left-9 {
  padding-left: 56px !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-padding-left-9 {
    padding-left: 64px !important;
  }
}

/* ==========================================================================
   UTILITIES / #TEXT-ALIGN
   ========================================================================== */
/* stylelint-disable declaration-no-important */
.nhsuk-u-text-align-left {
  text-align: left !important;
}

.nhsuk-u-text-align-centre {
  text-align: center !important;
}

.nhsuk-u-text-align-right {
  text-align: right !important;
}

/* ==========================================================================
   UTILITIES / #TYPOGRAPHY
   ========================================================================== */
/**
 * Font size and line height
 *
 * Generate typography override classes for each responsive font map in the
 * typography scale eg .nhsuk-u-font-size-48
 *
 * Original code taken from GDS (Government Digital Service)
 * https://github.com/alphagov/govuk-frontend
 */
.nhsuk-u-font-size-64 {
  font-size: 48px !important;
  font-size: 3rem !important;
  line-height: 1.16667 !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-font-size-64 {
    font-size: 64px !important;
    font-size: 4rem !important;
    line-height: 1.125 !important;
  }
}
@media print {
  .nhsuk-u-font-size-64 {
    font-size: 53pt !important;
    line-height: 1.1 !important;
  }
}

.nhsuk-u-font-size-48 {
  font-size: 32px !important;
  font-size: 2rem !important;
  line-height: 1.25 !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-font-size-48 {
    font-size: 48px !important;
    font-size: 3rem !important;
    line-height: 1.16667 !important;
  }
}
@media print {
  .nhsuk-u-font-size-48 {
    font-size: 32pt !important;
    line-height: 1.15 !important;
  }
}

.nhsuk-u-font-size-32 {
  font-size: 24px !important;
  font-size: 1.5rem !important;
  line-height: 1.33333 !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-font-size-32 {
    font-size: 32px !important;
    font-size: 2rem !important;
    line-height: 1.25 !important;
  }
}
@media print {
  .nhsuk-u-font-size-32 {
    font-size: 24pt !important;
    line-height: 1.05 !important;
  }
}

.nhsuk-u-font-size-24 {
  font-size: 20px !important;
  font-size: 1.25rem !important;
  line-height: 1.4 !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-font-size-24 {
    font-size: 24px !important;
    font-size: 1.5rem !important;
    line-height: 1.33333 !important;
  }
}
@media print {
  .nhsuk-u-font-size-24 {
    font-size: 18pt !important;
    line-height: 1.15 !important;
  }
}

.nhsuk-u-font-size-22 {
  font-size: 18px !important;
  font-size: 1.125rem !important;
  line-height: 1.55556 !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-font-size-22 {
    font-size: 22px !important;
    font-size: 1.375rem !important;
    line-height: 1.45455 !important;
  }
}
@media print {
  .nhsuk-u-font-size-22 {
    font-size: 18pt !important;
    line-height: 1.15 !important;
  }
}

.nhsuk-u-font-size-19 {
  font-size: 16px !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-font-size-19 {
    font-size: 19px !important;
    font-size: 1.1875rem !important;
    line-height: 1.47368 !important;
  }
}
@media print {
  .nhsuk-u-font-size-19 {
    font-size: 14pt !important;
    line-height: 1.15 !important;
  }
}

.nhsuk-u-font-size-16 {
  font-size: 14px !important;
  font-size: 0.875rem !important;
  line-height: 1.71429 !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-font-size-16 {
    font-size: 16px !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
  }
}
@media print {
  .nhsuk-u-font-size-16 {
    font-size: 14pt !important;
    line-height: 1.2 !important;
  }
}

.nhsuk-u-font-size-14 {
  font-size: 12px !important;
  font-size: 0.75rem !important;
  line-height: 1.66667 !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-font-size-14 {
    font-size: 14px !important;
    font-size: 0.875rem !important;
    line-height: 1.71429 !important;
  }
}
@media print {
  .nhsuk-u-font-size-14 {
    font-size: 12pt !important;
    line-height: 1.2 !important;
  }
}

/* Weights
   ========================================================================== */
/**
 * Generate font weight override classes for normal and bold
 * eg .nhsuk-u-font-weight-normal
 */
.nhsuk-u-font-weight-normal {
  font-weight: 400 !important;
}

.nhsuk-u-font-weight-bold {
  font-weight: 600 !important;
}

/* Colours
   ========================================================================== */
/**
 * Secondary text colour $nhsuk-secondary-text-color
 * eg <p class="nhsuk-u-secondary-text-color">Published on: 15 March 2018</p>
 */
.nhsuk-u-secondary-text-color {
  color: #4c6272 !important;
  /* stylelint-disable-line declaration-no-important */
}

/* ==========================================================================
   UTILITIES / #VISUALLY-HIDDEN
   ========================================================================== */
/**
 * Hide elements visually but keep it in the DOM
 *
 * Usage: class="nhsuk-u-visually-hidden"
 * See tools/mixins
 */
.nhsuk-u-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

/* ==========================================================================
   UTILITIES / #WIDTH
   ========================================================================== */
/**
 * Original code taken from GDS (Government Digital Service)
 * https://github.com/alphagov/govuk-frontend
 * Force element widths on all screen sizes
 *
 * Usage: class="nhsuk-u-width-full"
 */
/* stylelint-disable declaration-no-important */
.nhsuk-u-width-full {
  width: 100% !important;
}

.nhsuk-u-width-three-quarters {
  width: 100% !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-width-three-quarters {
    width: 75% !important;
  }
}

.nhsuk-u-width-two-thirds {
  width: 100% !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-width-two-thirds {
    width: 66.66% !important;
  }
}

.nhsuk-u-width-one-half {
  width: 100% !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-width-one-half {
    width: 50% !important;
  }
}

.nhsuk-u-width-one-third {
  width: 100% !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-width-one-third {
    width: 33.33% !important;
  }
}

.nhsuk-u-width-one-quarter {
  width: 100% !important;
}
@media (min-width: 40.0625em) {
  .nhsuk-u-width-one-quarter {
    width: 25% !important;
  }
}

/* ==========================================================================
   COMPONENTS/ #ACTION-LINK
   ========================================================================== */
/**
 * 1. Display is inline-block so the top and bottom margins/paddings are
 *    respected.
 * 2. 'Random number' is used to properly have sufficient space between icon
 *    and text.
 * 3. Position is relative so the arrow icon can display absolute.
 * 4. Text decoration none used to override default <a> styling.
 * 5. Box shadow 8px used instead of the default 4px.
 * 6. Text decoration underline used to override default <a> styling.
 */
.nhsuk-action-link {
  margin-bottom: 32px;
}
@media (min-width: 40.0625em) {
  .nhsuk-action-link {
    margin-bottom: 40px;
  }
}

.nhsuk-action-link__link {
  font-weight: 400;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.55556;
  display: inline-block;
  /* [1] */
  font-weight: 600;
  padding-left: 38px;
  /* [2] */
  position: relative;
  /* [3] */
  text-decoration: none;
  /* [4] */
}
@media (min-width: 40.0625em) {
  .nhsuk-action-link__link {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.45455;
  }
}
@media print {
  .nhsuk-action-link__link {
    font-size: 18pt;
    line-height: 1.15;
  }
}
.nhsuk-action-link__link:hover .nhsuk-action-link__text {
  text-decoration: underline;
  /* [6] */
}
.nhsuk-action-link__link:focus {
  background-color: #ffeb3b;
  box-shadow: 0 -2px #ffeb3b, 0 4px #212b32;
  color: #212b32;
  outline: 4px solid transparent;
  text-decoration: none;
}
.nhsuk-action-link__link:focus:hover .nhsuk-action-link__text {
  color: #212b32;
  text-decoration: none;
}
@media (max-width: 40.0525em) {
  .nhsuk-action-link__link {
    padding-left: 26px;
    /* [2] */
  }
}
@media print {
  .nhsuk-action-link__link {
    color: #212b32;
  }
  .nhsuk-action-link__link:visited {
    color: #212b32;
  }
}
.nhsuk-action-link__link .nhsuk-icon__arrow-right-circle {
  fill: #007f3b;
  height: 36px;
  left: -3px;
  position: absolute;
  top: -2px;
  width: 36px;
}
@media print {
  .nhsuk-action-link__link .nhsuk-icon__arrow-right-circle {
    color: #212b32;
    fill: #212b32;
  }
  .nhsuk-action-link__link .nhsuk-icon__arrow-right-circle:active, .nhsuk-action-link__link .nhsuk-icon__arrow-right-circle:focus, .nhsuk-action-link__link .nhsuk-icon__arrow-right-circle:visited {
    color: #212b32;
  }
}
@media (max-width: 40.0525em) {
  .nhsuk-action-link__link .nhsuk-icon__arrow-right-circle {
    height: 24px;
    left: -2px;
    margin-bottom: 0;
    top: 2px;
    width: 24px;
  }
}

/* ==========================================================================
   COMPONENTS/ #BACK-LINK
   ========================================================================== */
/**
 * 1. Allow space for the arrow.
 * 2. Align the icon with the start of the back link.
 * 3. Align the icon with the middle of the text.
 */
.nhsuk-back-link {
  margin-bottom: 16px;
}

.nhsuk-back-link__link {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.71429;
  display: inline-block;
  padding-left: 16px;
  /* 1 */
  position: relative;
  text-decoration: none;
}
@media (min-width: 40.0625em) {
  .nhsuk-back-link__link {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
  }
}
@media print {
  .nhsuk-back-link__link {
    font-size: 14pt;
    line-height: 1.2;
  }
}
.nhsuk-back-link__link .nhsuk-icon__chevron-left {
  height: 24px;
  left: -8px;
  /* 2 */
  position: absolute;
  top: -1px;
  /* 3 */
  width: 24px;
}
.nhsuk-back-link__link:visited {
  color: #005eb8;
}
.nhsuk-back-link__link:hover {
  color: #7C2855;
  text-decoration: underline;
}
.nhsuk-back-link__link:hover .nhsuk-icon__chevron-left {
  fill: #7C2855;
}
.nhsuk-back-link__link:focus .nhsuk-icon__chevron-left {
  fill: #212b32;
}

/* ==========================================================================
    COMPONENTS / #BREADCRUMB
   ========================================================================== */
/**
 * 1. Bespoke spacing numbers used as there is no 12px
 *    spacing mapped in settings/spacing.
 * 2. Hide the breadcrumb on print stylesheets.
 * 3. Don't show the full breadcrumb below tablet size.
 * 4. Typography sizing mixin, see core/tools/_typography
 * 5. and core/settings/_typography for size maps.
 * 5. .. but show a back to index page link.
 * 6. Remove spacing between back icon and label.
 * 7. Custom padding for the chevron separator icon.
 */
.nhsuk-breadcrumb {
  background-color: #ffffff;
  padding-bottom: 12px;
  /* [1] */
  padding-top: 12px;
  /* [1] */
}
@media print {
  .nhsuk-breadcrumb {
    display: none;
  }
}
.nhsuk-breadcrumb .nhsuk-icon__chevron-right {
  fill: #aeb7bd;
  height: 18px;
  position: relative;
  top: 5px;
  width: 18px;
}
@media (min-width: 61.875em) {
  .nhsuk-breadcrumb .nhsuk-icon__chevron-right {
    margin: 0 3px 0 5px;
  }
}
.nhsuk-breadcrumb .nhsuk-icon__chevron-left {
  float: left;
  height: 24px;
  left: -8px;
  position: relative;
  width: 24px;
}

.nhsuk-breadcrumb__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 40.0525em) {
  .nhsuk-breadcrumb__list {
    display: none;
    /* [3] */
  }
}

.nhsuk-breadcrumb__item {
  font-weight: 400;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.71429;
  /* [4] */
  display: inline-block;
  margin-bottom: 0;
}
@media (min-width: 40.0625em) {
  .nhsuk-breadcrumb__item {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
  }
}
@media print {
  .nhsuk-breadcrumb__item {
    font-size: 14pt;
    line-height: 1.2;
  }
}
.nhsuk-breadcrumb__item:not(:last-child):after {
  background: url("data:image/svg+xml,%3Csvg class='nhsuk-icon nhsuk-icon__chevron-right' xmlns='http://www.w3.org/2000/svg' fill='%23aeb7bd' height='18' width='18' viewBox='0 0 24 24' aria-hidden='true'%3E%3Cpath d='M15.5 12a1 1 0 0 1-.29.71l-5 5a1 1 0 0 1-1.42-1.42l4.3-4.29-4.3-4.29a1 1 0 0 1 1.42-1.42l5 5a1 1 0 0 1 .29.71z'%3E%3C/path%3E%3C/svg%3E") right 0 top 4px no-repeat;
  content: "";
  display: inline-block;
  height: 18px;
  margin-left: 10px;
  margin-right: 2px;
  width: 18px;
}

.nhsuk-breadcrumb__link:visited {
  color: #005eb8;
}
.nhsuk-breadcrumb__link:visited:hover {
  color: #7C2855;
}
.nhsuk-breadcrumb__link:focus:hover {
  color: #212b32;
}

.nhsuk-breadcrumb__back {
  font-weight: 400;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.71429;
  /* [4] */
  margin: 0;
  padding-left: 16px;
  position: relative;
}
@media (min-width: 40.0625em) {
  .nhsuk-breadcrumb__back {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
  }
}
@media print {
  .nhsuk-breadcrumb__back {
    font-size: 14pt;
    line-height: 1.2;
  }
}
@media (min-width: 40.0625em) {
  .nhsuk-breadcrumb__back {
    display: none;
    /* [5] */
  }
}
.nhsuk-breadcrumb__back:before {
  background: url("data:image/svg+xml,%3Csvg class='nhsuk-icon nhsuk-icon__chevron-left' xmlns='http://www.w3.org/2000/svg' fill='%23005eb8' height='24' width='24' viewBox='8 0 24 24' aria-hidden='true'%3E%3Cpath d='M8.5 12c0-.3.1-.5.3-.7l5-5c.4-.4 1-.4 1.4 0s.4 1 0 1.4L10.9 12l4.3 4.3c.4.4.4 1 0 1.4s-1 .4-1.4 0l-5-5c-.2-.2-.3-.4-.3-.7z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  content: "";
  display: inline-block;
  height: 18px;
  left: 0;
  position: absolute;
  top: 0;
  width: 10px;
}

.nhsuk-breadcrumb__backlink:visited {
  color: #005eb8;
}
.nhsuk-breadcrumb__backlink:visited:hover {
  color: #7C2855;
}

/* ==========================================================================
   COMPONENTS/ #BUTTON
   ========================================================================== */
/**
 * 1. Ensure that any global link styles are overridden.
 * 2. Fix unwanted button padding in Firefox.
 * 3. Use a pseudo element to expand the click target area to include the
 *    button's shadow as well, in case users try to click it.
 */
.nhsuk-button, #cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button.bootstrap, .learndash-wrapper .ld-icon.ld-primary-background, .learndash-wrapper .ld-expand-button, .tippy-popper .tippy-content .gv-approval-toggle {
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 28px;
  -webkit-appearance: none;
  background-color: #007f3b;
  border: 2px solid transparent;
  border-radius: 4px;
  box-shadow: 0 4px 0 #00401e;
  box-sizing: border-box;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-weight: 600;
  margin-top: 0;
  padding: 12px 16px;
  position: relative;
  text-align: center;
  vertical-align: top;
  width: auto;
  /* 2 */
  /* 3 */
  /* 4 */
}
@media (min-width: 40.0625em) {
  .nhsuk-button, #cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button.bootstrap, .learndash-wrapper .ld-icon.ld-primary-background, .learndash-wrapper .ld-expand-button, .tippy-popper .tippy-content .gv-approval-toggle {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.47368;
  }
}
@media print {
  .nhsuk-button, #cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button.bootstrap, .learndash-wrapper .ld-icon.ld-primary-background, .learndash-wrapper .ld-expand-button, .tippy-popper .tippy-content .gv-approval-toggle {
    font-size: 14pt;
    line-height: 1.15;
  }
}
@media (min-width: 40.0625em) {
  .nhsuk-button, #cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button.bootstrap, .learndash-wrapper .ld-icon.ld-primary-background, .learndash-wrapper .ld-expand-button, .tippy-popper .tippy-content .gv-approval-toggle {
    margin-bottom: 36px;
  }
}
@media (max-width: 40.0525em) {
  .nhsuk-button, #cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button.bootstrap, .learndash-wrapper .ld-icon.ld-primary-background, .learndash-wrapper .ld-expand-button, .tippy-popper .tippy-content .gv-approval-toggle {
    padding: 8px 16px;
  }
}
.nhsuk-button:link, #cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button.bootstrap:link, .learndash-wrapper .ld-icon.ld-primary-background:link, .learndash-wrapper .ld-expand-button:link, .tippy-popper .tippy-content .gv-approval-toggle:link, .nhsuk-button:visited, #cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button.bootstrap:visited, .learndash-wrapper .ld-icon.ld-primary-background:visited, .learndash-wrapper .ld-expand-button:visited, .tippy-popper .tippy-content .gv-approval-toggle:visited, .nhsuk-button:active, #cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button.bootstrap:active, .learndash-wrapper .ld-icon.ld-primary-background:active, .learndash-wrapper .ld-expand-button:active, .tippy-popper .tippy-content .gv-approval-toggle:active, .nhsuk-button:hover, #cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button.bootstrap:hover, .learndash-wrapper .ld-icon.ld-primary-background:hover, .learndash-wrapper .ld-expand-button:hover, .tippy-popper .tippy-content .gv-approval-toggle:hover {
  color: #ffffff;
  text-decoration: none;
}
.nhsuk-button::-moz-focus-inner, #cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button.bootstrap::-moz-focus-inner, .learndash-wrapper .ld-icon.ld-primary-background::-moz-focus-inner, .learndash-wrapper .ld-expand-button::-moz-focus-inner, .tippy-popper .tippy-content .gv-approval-toggle::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.nhsuk-button:hover, #cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button.bootstrap:hover, .learndash-wrapper .ld-icon.ld-primary-background:hover, .learndash-wrapper .ld-expand-button:hover, .tippy-popper .tippy-content .gv-approval-toggle:hover {
  background-color: #00662f;
}
.nhsuk-button:focus, #cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button.bootstrap:focus, .learndash-wrapper .ld-icon.ld-primary-background:focus, .learndash-wrapper .ld-expand-button:focus, .tippy-popper .tippy-content .gv-approval-toggle:focus {
  background: #ffeb3b;
  box-shadow: 0 4px 0 #212b32;
  color: #212b32;
  outline: 4px solid transparent;
}
.nhsuk-button:focus:visited, #cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button.bootstrap:focus:visited, .learndash-wrapper .ld-icon.ld-primary-background:focus:visited, .learndash-wrapper .ld-expand-button:focus:visited, .tippy-popper .tippy-content .gv-approval-toggle:focus:visited {
  color: #212b32;
}
.nhsuk-button:focus:visited:active, #cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button.bootstrap:focus:visited:active, .learndash-wrapper .ld-icon.ld-primary-background:focus:visited:active, .learndash-wrapper .ld-expand-button:focus:visited:active, .tippy-popper .tippy-content .gv-approval-toggle:focus:visited:active {
  color: #ffffff;
}
.nhsuk-button:active, #cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button.bootstrap:active, .learndash-wrapper .ld-icon.ld-primary-background:active, .learndash-wrapper .ld-expand-button:active, .tippy-popper .tippy-content .gv-approval-toggle:active {
  background: #00401e;
  box-shadow: none;
  color: #ffffff;
  top: 4px;
}
.nhsuk-button::before, #cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button.bootstrap::before, .learndash-wrapper .ld-icon.ld-primary-background::before, .learndash-wrapper .ld-expand-button::before, .tippy-popper .tippy-content .gv-approval-toggle::before {
  background: transparent;
  bottom: -6px;
  content: "";
  display: block;
  left: -2px;
  position: absolute;
  right: -2px;
  top: -2px;
}
.nhsuk-button:active::before, #cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button.bootstrap:active::before, .learndash-wrapper .ld-icon.ld-primary-background:active::before, .learndash-wrapper .ld-expand-button:active::before, .tippy-popper .tippy-content .gv-approval-toggle:active::before {
  top: -6px;
}

/**
 * Button variations
 */
.nhsuk-button--secondary, #cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button.bootstrap.cn-more-info, .nhsuk-button.is-style-secondary, #cookie-notice .cookie-notice-container #cn-notice-buttons .is-style-secondary.cn-button.bootstrap, .tippy-popper .tippy-content .is-style-secondary.gv-approval-toggle, .learndash-wrapper .is-style-secondary.ld-icon.ld-primary-background, .learndash-wrapper .is-style-secondary.ld-expand-button {
  background-color: #4c6272;
  box-shadow: 0 4px 0 #263139;
}
.nhsuk-button--secondary:hover, #cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button.bootstrap.cn-more-info:hover, .nhsuk-button.is-style-secondary:hover, #cookie-notice .cookie-notice-container #cn-notice-buttons .is-style-secondary.cn-button.bootstrap:hover, .tippy-popper .tippy-content .is-style-secondary.gv-approval-toggle:hover, .learndash-wrapper .is-style-secondary.ld-icon.ld-primary-background:hover, .learndash-wrapper .is-style-secondary.ld-expand-button:hover {
  background-color: #384853;
}
.nhsuk-button--secondary:focus, #cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button.bootstrap.cn-more-info:focus, .nhsuk-button.is-style-secondary:focus, #cookie-notice .cookie-notice-container #cn-notice-buttons .is-style-secondary.cn-button.bootstrap:focus, .tippy-popper .tippy-content .is-style-secondary.gv-approval-toggle:focus, .learndash-wrapper .is-style-secondary.ld-icon.ld-primary-background:focus, .learndash-wrapper .is-style-secondary.ld-expand-button:focus {
  background: #ffeb3b;
  box-shadow: 0 4px 0 #212b32;
  color: #212b32;
  outline: 4px solid transparent;
}
.nhsuk-button--secondary:active, #cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button.bootstrap.cn-more-info:active, .nhsuk-button.is-style-secondary:active, #cookie-notice .cookie-notice-container #cn-notice-buttons .is-style-secondary.cn-button.bootstrap:active, .tippy-popper .tippy-content .is-style-secondary.gv-approval-toggle:active, .learndash-wrapper .is-style-secondary.ld-icon.ld-primary-background:active, .learndash-wrapper .is-style-secondary.ld-expand-button:active {
  background: #263139;
  box-shadow: none;
  color: #ffffff;
  top: 4px;
}
.nhsuk-button--secondary.nhsuk-button--disabled, #cookie-notice .cookie-notice-container #cn-notice-buttons .nhsuk-button--disabled.cn-button.bootstrap.cn-more-info, .nhsuk-button--disabled.nhsuk-button.is-style-secondary, #cookie-notice .cookie-notice-container #cn-notice-buttons .nhsuk-button--disabled.is-style-secondary.cn-button.bootstrap, .tippy-popper .tippy-content .nhsuk-button--disabled.is-style-secondary.gv-approval-toggle, .learndash-wrapper .nhsuk-button--disabled.is-style-secondary.ld-icon.ld-primary-background, .learndash-wrapper .nhsuk-button--disabled.is-style-secondary.ld-expand-button {
  background-color: #4c6272;
}

.nhsuk-button--reverse, .nhsuk-button.is-style-reverse, #cookie-notice .cookie-notice-container #cn-notice-buttons .is-style-reverse.cn-button.bootstrap, .tippy-popper .tippy-content .is-style-reverse.gv-approval-toggle, .learndash-wrapper .is-style-reverse.ld-icon.ld-primary-background, .learndash-wrapper .is-style-reverse.ld-expand-button {
  background-color: #ffffff;
  box-shadow: 0 4px 0 #212b32;
  color: #212b32;
}
.nhsuk-button--reverse:hover, .nhsuk-button.is-style-reverse:hover, #cookie-notice .cookie-notice-container #cn-notice-buttons .is-style-reverse.cn-button.bootstrap:hover, .tippy-popper .tippy-content .is-style-reverse.gv-approval-toggle:hover, .learndash-wrapper .is-style-reverse.ld-icon.ld-primary-background:hover, .learndash-wrapper .is-style-reverse.ld-expand-button:hover {
  background-color: #f2f2f2;
  color: #212b32;
}
.nhsuk-button--reverse:focus, .nhsuk-button.is-style-reverse:focus, #cookie-notice .cookie-notice-container #cn-notice-buttons .is-style-reverse.cn-button.bootstrap:focus, .tippy-popper .tippy-content .is-style-reverse.gv-approval-toggle:focus, .learndash-wrapper .is-style-reverse.ld-icon.ld-primary-background:focus, .learndash-wrapper .is-style-reverse.ld-expand-button:focus {
  background: #ffeb3b;
  box-shadow: 0 4px 0 #212b32;
  color: #212b32;
  outline: 4px solid transparent;
}
.nhsuk-button--reverse:active, .nhsuk-button.is-style-reverse:active, #cookie-notice .cookie-notice-container #cn-notice-buttons .is-style-reverse.cn-button.bootstrap:active, .tippy-popper .tippy-content .is-style-reverse.gv-approval-toggle:active, .learndash-wrapper .is-style-reverse.ld-icon.ld-primary-background:active, .learndash-wrapper .is-style-reverse.ld-expand-button:active {
  background: #212b32;
  box-shadow: none;
  color: #ffffff;
  top: 4px;
}
.nhsuk-button--reverse:link, .nhsuk-button.is-style-reverse:link, #cookie-notice .cookie-notice-container #cn-notice-buttons .is-style-reverse.cn-button.bootstrap:link, .tippy-popper .tippy-content .is-style-reverse.gv-approval-toggle:link, .learndash-wrapper .is-style-reverse.ld-icon.ld-primary-background:link, .learndash-wrapper .is-style-reverse.ld-expand-button:link {
  color: #212b32;
}
.nhsuk-button--reverse:link:active, .nhsuk-button.is-style-reverse:link:active, #cookie-notice .cookie-notice-container #cn-notice-buttons .is-style-reverse.cn-button.bootstrap:link:active, .tippy-popper .tippy-content .is-style-reverse.gv-approval-toggle:link:active, .learndash-wrapper .is-style-reverse.ld-icon.ld-primary-background:link:active, .learndash-wrapper .is-style-reverse.ld-expand-button:link:active {
  color: #ffffff;
}
.nhsuk-button--reverse.nhsuk-button--disabled, .nhsuk-button--disabled.nhsuk-button.is-style-reverse, #cookie-notice .cookie-notice-container #cn-notice-buttons .nhsuk-button--disabled.is-style-reverse.cn-button.bootstrap, .tippy-popper .tippy-content .nhsuk-button--disabled.is-style-reverse.gv-approval-toggle, .learndash-wrapper .nhsuk-button--disabled.is-style-reverse.ld-icon.ld-primary-background, .learndash-wrapper .nhsuk-button--disabled.is-style-reverse.ld-expand-button {
  background-color: #ffffff;
}
.nhsuk-button--reverse.nhsuk-button--disabled:focus, .nhsuk-button--disabled.nhsuk-button.is-style-reverse:focus, #cookie-notice .cookie-notice-container #cn-notice-buttons .nhsuk-button--disabled.is-style-reverse.cn-button.bootstrap:focus, .tippy-popper .tippy-content .nhsuk-button--disabled.is-style-reverse.gv-approval-toggle:focus, .learndash-wrapper .nhsuk-button--disabled.is-style-reverse.ld-icon.ld-primary-background:focus, .learndash-wrapper .nhsuk-button--disabled.is-style-reverse.ld-expand-button:focus {
  background-color: #ffffff;
}

/**
 * Button disabled states
 */
/* stylelint-disable string-quotes */
.nhsuk-button--disabled,
.nhsuk-button[disabled=disabled],
#cookie-notice .cookie-notice-container #cn-notice-buttons [disabled=disabled].cn-button.bootstrap,
.learndash-wrapper [disabled=disabled].ld-icon.ld-primary-background,
.learndash-wrapper [disabled=disabled].ld-expand-button,
.tippy-popper .tippy-content [disabled=disabled].gv-approval-toggle,
.nhsuk-button[disabled],
#cookie-notice .cookie-notice-container #cn-notice-buttons [disabled].cn-button.bootstrap,
.learndash-wrapper [disabled].ld-icon.ld-primary-background,
.learndash-wrapper [disabled].ld-expand-button,
.tippy-popper .tippy-content [disabled].gv-approval-toggle {
  background-color: #007f3b;
  opacity: 0.5;
  pointer-events: none;
}
.nhsuk-button--disabled:hover,
.nhsuk-button[disabled=disabled]:hover,
#cookie-notice .cookie-notice-container #cn-notice-buttons [disabled=disabled].cn-button.bootstrap:hover,
.learndash-wrapper [disabled=disabled].ld-icon.ld-primary-background:hover,
.learndash-wrapper [disabled=disabled].ld-expand-button:hover,
.tippy-popper .tippy-content [disabled=disabled].gv-approval-toggle:hover,
.nhsuk-button[disabled]:hover,
#cookie-notice .cookie-notice-container #cn-notice-buttons [disabled].cn-button.bootstrap:hover,
.learndash-wrapper [disabled].ld-icon.ld-primary-background:hover,
.learndash-wrapper [disabled].ld-expand-button:hover,
.tippy-popper .tippy-content [disabled].gv-approval-toggle:hover {
  background-color: #007f3b;
  cursor: default;
}
.nhsuk-button--disabled:focus,
.nhsuk-button[disabled=disabled]:focus,
#cookie-notice .cookie-notice-container #cn-notice-buttons [disabled=disabled].cn-button.bootstrap:focus,
.learndash-wrapper [disabled=disabled].ld-icon.ld-primary-background:focus,
.learndash-wrapper [disabled=disabled].ld-expand-button:focus,
.tippy-popper .tippy-content [disabled=disabled].gv-approval-toggle:focus,
.nhsuk-button[disabled]:focus,
#cookie-notice .cookie-notice-container #cn-notice-buttons [disabled].cn-button.bootstrap:focus,
.learndash-wrapper [disabled].ld-icon.ld-primary-background:focus,
.learndash-wrapper [disabled].ld-expand-button:focus,
.tippy-popper .tippy-content [disabled].gv-approval-toggle:focus {
  background-color: #007f3b;
  outline: none;
}
.nhsuk-button--disabled:active,
.nhsuk-button[disabled=disabled]:active,
#cookie-notice .cookie-notice-container #cn-notice-buttons [disabled=disabled].cn-button.bootstrap:active,
.learndash-wrapper [disabled=disabled].ld-icon.ld-primary-background:active,
.learndash-wrapper [disabled=disabled].ld-expand-button:active,
.tippy-popper .tippy-content [disabled=disabled].gv-approval-toggle:active,
.nhsuk-button[disabled]:active,
#cookie-notice .cookie-notice-container #cn-notice-buttons [disabled].cn-button.bootstrap:active,
.learndash-wrapper [disabled].ld-icon.ld-primary-background:active,
.learndash-wrapper [disabled].ld-expand-button:active,
.tippy-popper .tippy-content [disabled].gv-approval-toggle:active {
  box-shadow: 0 4px 0 #00401e;
  top: 0;
}

.nhsuk-button--secondary[disabled=disabled], #cookie-notice .cookie-notice-container #cn-notice-buttons [disabled=disabled].cn-button.bootstrap.cn-more-info, [disabled=disabled].nhsuk-button.is-style-secondary, #cookie-notice .cookie-notice-container #cn-notice-buttons [disabled=disabled].is-style-secondary.cn-button.bootstrap, .tippy-popper .tippy-content [disabled=disabled].is-style-secondary.gv-approval-toggle, .learndash-wrapper [disabled=disabled].is-style-secondary.ld-icon.ld-primary-background, .learndash-wrapper [disabled=disabled].is-style-secondary.ld-expand-button,
.nhsuk-button--secondary[disabled],
#cookie-notice .cookie-notice-container #cn-notice-buttons [disabled].cn-button.bootstrap.cn-more-info,
[disabled].nhsuk-button.is-style-secondary,
#cookie-notice .cookie-notice-container #cn-notice-buttons [disabled].is-style-secondary.cn-button.bootstrap,
.tippy-popper .tippy-content [disabled].is-style-secondary.gv-approval-toggle,
.learndash-wrapper [disabled].is-style-secondary.ld-icon.ld-primary-background,
.learndash-wrapper [disabled].is-style-secondary.ld-expand-button {
  background-color: #4c6272;
  opacity: 0.5;
}
.nhsuk-button--secondary[disabled=disabled]:hover, #cookie-notice .cookie-notice-container #cn-notice-buttons [disabled=disabled].cn-button.bootstrap.cn-more-info:hover, [disabled=disabled].nhsuk-button.is-style-secondary:hover, #cookie-notice .cookie-notice-container #cn-notice-buttons [disabled=disabled].is-style-secondary.cn-button.bootstrap:hover, .tippy-popper .tippy-content [disabled=disabled].is-style-secondary.gv-approval-toggle:hover, .learndash-wrapper [disabled=disabled].is-style-secondary.ld-icon.ld-primary-background:hover, .learndash-wrapper [disabled=disabled].is-style-secondary.ld-expand-button:hover,
.nhsuk-button--secondary[disabled]:hover,
#cookie-notice .cookie-notice-container #cn-notice-buttons [disabled].cn-button.bootstrap.cn-more-info:hover,
[disabled].nhsuk-button.is-style-secondary:hover,
#cookie-notice .cookie-notice-container #cn-notice-buttons [disabled].is-style-secondary.cn-button.bootstrap:hover,
.tippy-popper .tippy-content [disabled].is-style-secondary.gv-approval-toggle:hover,
.learndash-wrapper [disabled].is-style-secondary.ld-icon.ld-primary-background:hover,
.learndash-wrapper [disabled].is-style-secondary.ld-expand-button:hover {
  background-color: #4c6272;
  cursor: default;
}
.nhsuk-button--secondary[disabled=disabled]:focus, #cookie-notice .cookie-notice-container #cn-notice-buttons [disabled=disabled].cn-button.bootstrap.cn-more-info:focus, [disabled=disabled].nhsuk-button.is-style-secondary:focus, #cookie-notice .cookie-notice-container #cn-notice-buttons [disabled=disabled].is-style-secondary.cn-button.bootstrap:focus, .tippy-popper .tippy-content [disabled=disabled].is-style-secondary.gv-approval-toggle:focus, .learndash-wrapper [disabled=disabled].is-style-secondary.ld-icon.ld-primary-background:focus, .learndash-wrapper [disabled=disabled].is-style-secondary.ld-expand-button:focus,
.nhsuk-button--secondary[disabled]:focus,
#cookie-notice .cookie-notice-container #cn-notice-buttons [disabled].cn-button.bootstrap.cn-more-info:focus,
[disabled].nhsuk-button.is-style-secondary:focus,
#cookie-notice .cookie-notice-container #cn-notice-buttons [disabled].is-style-secondary.cn-button.bootstrap:focus,
.tippy-popper .tippy-content [disabled].is-style-secondary.gv-approval-toggle:focus,
.learndash-wrapper [disabled].is-style-secondary.ld-icon.ld-primary-background:focus,
.learndash-wrapper [disabled].is-style-secondary.ld-expand-button:focus {
  outline: none;
}
.nhsuk-button--secondary[disabled=disabled]:active, #cookie-notice .cookie-notice-container #cn-notice-buttons [disabled=disabled].cn-button.bootstrap.cn-more-info:active, [disabled=disabled].nhsuk-button.is-style-secondary:active, #cookie-notice .cookie-notice-container #cn-notice-buttons [disabled=disabled].is-style-secondary.cn-button.bootstrap:active, .tippy-popper .tippy-content [disabled=disabled].is-style-secondary.gv-approval-toggle:active, .learndash-wrapper [disabled=disabled].is-style-secondary.ld-icon.ld-primary-background:active, .learndash-wrapper [disabled=disabled].is-style-secondary.ld-expand-button:active,
.nhsuk-button--secondary[disabled]:active,
#cookie-notice .cookie-notice-container #cn-notice-buttons [disabled].cn-button.bootstrap.cn-more-info:active,
[disabled].nhsuk-button.is-style-secondary:active,
#cookie-notice .cookie-notice-container #cn-notice-buttons [disabled].is-style-secondary.cn-button.bootstrap:active,
.tippy-popper .tippy-content [disabled].is-style-secondary.gv-approval-toggle:active,
.learndash-wrapper [disabled].is-style-secondary.ld-icon.ld-primary-background:active,
.learndash-wrapper [disabled].is-style-secondary.ld-expand-button:active {
  box-shadow: 0 4px 0 #263139;
  top: 0;
}

.nhsuk-button--reverse[disabled=disabled], [disabled=disabled].nhsuk-button.is-style-reverse, #cookie-notice .cookie-notice-container #cn-notice-buttons [disabled=disabled].is-style-reverse.cn-button.bootstrap, .tippy-popper .tippy-content [disabled=disabled].is-style-reverse.gv-approval-toggle, .learndash-wrapper [disabled=disabled].is-style-reverse.ld-icon.ld-primary-background, .learndash-wrapper [disabled=disabled].is-style-reverse.ld-expand-button,
.nhsuk-button--reverse[disabled],
[disabled].nhsuk-button.is-style-reverse,
#cookie-notice .cookie-notice-container #cn-notice-buttons [disabled].is-style-reverse.cn-button.bootstrap,
.tippy-popper .tippy-content [disabled].is-style-reverse.gv-approval-toggle,
.learndash-wrapper [disabled].is-style-reverse.ld-icon.ld-primary-background,
.learndash-wrapper [disabled].is-style-reverse.ld-expand-button {
  background-color: #ffffff;
  opacity: 0.5;
}
.nhsuk-button--reverse[disabled=disabled]:hover, [disabled=disabled].nhsuk-button.is-style-reverse:hover, #cookie-notice .cookie-notice-container #cn-notice-buttons [disabled=disabled].is-style-reverse.cn-button.bootstrap:hover, .tippy-popper .tippy-content [disabled=disabled].is-style-reverse.gv-approval-toggle:hover, .learndash-wrapper [disabled=disabled].is-style-reverse.ld-icon.ld-primary-background:hover, .learndash-wrapper [disabled=disabled].is-style-reverse.ld-expand-button:hover,
.nhsuk-button--reverse[disabled]:hover,
[disabled].nhsuk-button.is-style-reverse:hover,
#cookie-notice .cookie-notice-container #cn-notice-buttons [disabled].is-style-reverse.cn-button.bootstrap:hover,
.tippy-popper .tippy-content [disabled].is-style-reverse.gv-approval-toggle:hover,
.learndash-wrapper [disabled].is-style-reverse.ld-icon.ld-primary-background:hover,
.learndash-wrapper [disabled].is-style-reverse.ld-expand-button:hover {
  background-color: #ffffff;
  cursor: default;
}
.nhsuk-button--reverse[disabled=disabled]:focus, [disabled=disabled].nhsuk-button.is-style-reverse:focus, #cookie-notice .cookie-notice-container #cn-notice-buttons [disabled=disabled].is-style-reverse.cn-button.bootstrap:focus, .tippy-popper .tippy-content [disabled=disabled].is-style-reverse.gv-approval-toggle:focus, .learndash-wrapper [disabled=disabled].is-style-reverse.ld-icon.ld-primary-background:focus, .learndash-wrapper [disabled=disabled].is-style-reverse.ld-expand-button:focus,
.nhsuk-button--reverse[disabled]:focus,
[disabled].nhsuk-button.is-style-reverse:focus,
#cookie-notice .cookie-notice-container #cn-notice-buttons [disabled].is-style-reverse.cn-button.bootstrap:focus,
.tippy-popper .tippy-content [disabled].is-style-reverse.gv-approval-toggle:focus,
.learndash-wrapper [disabled].is-style-reverse.ld-icon.ld-primary-background:focus,
.learndash-wrapper [disabled].is-style-reverse.ld-expand-button:focus {
  outline: none;
}
.nhsuk-button--reverse[disabled=disabled]:active, [disabled=disabled].nhsuk-button.is-style-reverse:active, #cookie-notice .cookie-notice-container #cn-notice-buttons [disabled=disabled].is-style-reverse.cn-button.bootstrap:active, .tippy-popper .tippy-content [disabled=disabled].is-style-reverse.gv-approval-toggle:active, .learndash-wrapper [disabled=disabled].is-style-reverse.ld-icon.ld-primary-background:active, .learndash-wrapper [disabled=disabled].is-style-reverse.ld-expand-button:active,
.nhsuk-button--reverse[disabled]:active,
[disabled].nhsuk-button.is-style-reverse:active,
#cookie-notice .cookie-notice-container #cn-notice-buttons [disabled].is-style-reverse.cn-button.bootstrap:active,
.tippy-popper .tippy-content [disabled].is-style-reverse.gv-approval-toggle:active,
.learndash-wrapper [disabled].is-style-reverse.ld-icon.ld-primary-background:active,
.learndash-wrapper [disabled].is-style-reverse.ld-expand-button:active {
  box-shadow: 0 4px 0 #212b32;
  top: 0;
}

/* ==========================================================================
   COMPONENTS / #CARD
   ========================================================================== */
/**
 * 1. Is needed for the :active top positioning.
 * 2. Border is used to create a divider between the white content
 *    box and an image.
 * 3. Creates the 'pressed down' effect when clicked.
 * 4. Removes padding-top from headings directly after the card group.
 * 5. Includes the border width to achieve the correct left alignment.
 * 6. Stops the heading from spanning the full width of the card.
 * 7. Removes padding top for the feature heading positioning.
 * 8. Default care card colour set to blue (non-urgent care card) -
 *    using the @mixin care-card tools/_mixins.scss.
 *    The same mixin is used for each care card, setting the background
 *    colour,text colour and print border width with the variables.
 * 9. 'Random number' for the heading triangle.
 * 10. 'Random number' for the heading triangle positioning.
 * 11. 'Random number' used for spacing to compensate for the triangle.
 * 12. Needed to enable the triangle to show correctly in high contrast mode.
 * 13. Prevent additional padding on headings
 * 14. Give the action link icon sufficient contrast when used in the emergency variant
 * 15. Reset the positioning to the default [1] to display heading triangle on a coloured background.
 * 16. Emergency care card <a> needs to be white because the background colour is black.
 */
.nhsuk-card {
  margin-bottom: 40px;
  background: #ffffff;
  border: 1px solid #d8dde0;
  position: relative;
  /* [1] */
  width: 100%;
}
@media (min-width: 40.0625em) {
  .nhsuk-card {
    margin-bottom: 48px;
  }
}

.nhsuk-card__img {
  border-bottom: 1px solid #f0f4f5;
  /* [2] */
  display: block;
  width: 100%;
}
@media print {
  .nhsuk-card__img {
    display: none;
  }
}

.nhsuk-card__content {
  padding: 24px;
  position: relative;
}
.nhsuk-card__content > *:first-child {
  margin-top: 0;
}
.nhsuk-card__content > *:last-child {
  margin-bottom: 0;
}
@media (min-width: 40.0625em) {
  .nhsuk-card__content {
    padding: 32px;
  }
}

.nhsuk-card__heading, .nhsuk-card.is-style-panel-with-label .nhsuk-card__content h2,
.nhsuk-card__metadata,
.nhsuk-card__description {
  margin-bottom: 16px;
}

/* Clickable card
  ========================================================================== */
.nhsuk-card--clickable {
  border-bottom-width: 4px;
}
.nhsuk-card--clickable:hover, .nhsuk-card--clickable:active {
  cursor: pointer;
}
.nhsuk-card--clickable:hover .nhsuk-card__heading a, .nhsuk-card--clickable:hover .nhsuk-card.is-style-panel-with-label .nhsuk-card__content h2 a, .nhsuk-card.is-style-panel-with-label .nhsuk-card__content .nhsuk-card--clickable:hover h2 a,
.nhsuk-card--clickable:hover .nhsuk-card__link, .nhsuk-card--clickable:active .nhsuk-card__heading a, .nhsuk-card--clickable:active .nhsuk-card.is-style-panel-with-label .nhsuk-card__content h2 a, .nhsuk-card.is-style-panel-with-label .nhsuk-card__content .nhsuk-card--clickable:active h2 a,
.nhsuk-card--clickable:active .nhsuk-card__link {
  color: #7C2855;
  text-decoration: none;
}
.nhsuk-card--clickable:hover .nhsuk-card__heading a:focus, .nhsuk-card--clickable:hover .nhsuk-card.is-style-panel-with-label .nhsuk-card__content h2 a:focus, .nhsuk-card.is-style-panel-with-label .nhsuk-card__content .nhsuk-card--clickable:hover h2 a:focus,
.nhsuk-card--clickable:hover .nhsuk-card__link:focus, .nhsuk-card--clickable:active .nhsuk-card__heading a:focus, .nhsuk-card--clickable:active .nhsuk-card.is-style-panel-with-label .nhsuk-card__content h2 a:focus, .nhsuk-card.is-style-panel-with-label .nhsuk-card__content .nhsuk-card--clickable:active h2 a:focus,
.nhsuk-card--clickable:active .nhsuk-card__link:focus {
  color: #212b32;
}
.nhsuk-card--clickable:hover {
  border-color: #aeb7bd;
}
.nhsuk-card--clickable:active {
  border-color: #aeb7bd;
  bottom: -1px;
  /* [3] */
}

/* Card group
  ========================================================================== */
/**
* Card group allows you to have a row of cards.
*
* Flexbox is used to make each card in a row the same height.
*/
.nhsuk-card-group {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 16px;
  padding: 0;
}
@media (max-width: 48.0525em) {
  .nhsuk-card-group {
    margin-bottom: 40px;
  }
}
.nhsuk-card-group + h2,
.nhsuk-card-group + .nhsuk-heading-l,
.nhsuk-card-group + h3,
.nhsuk-card-group + .nhsuk-heading-m,
.nhsuk-card.is-style-panel-with-label .nhsuk-card__content .nhsuk-card-group + h2 {
  padding-top: 0;
  /* [4] */
}

.nhsuk-card-group__item {
  display: flex;
  list-style-type: none;
  margin-bottom: 0;
}
@media (max-width: 48.0525em) {
  .nhsuk-card-group__item {
    flex: 0 0 100%;
  }
}
.nhsuk-card-group__item .nhsuk-card {
  margin-bottom: 32px;
}
@media (max-width: 48.0525em) {
  .nhsuk-card-group__item .nhsuk-card {
    margin-bottom: 16px;
  }
  .nhsuk-card-group__item:last-child .nhsuk-card {
    margin-bottom: 0;
  }
}

/* Card feature
  ========================================================================== */
.nhsuk-card--feature, .nhsuk-card.is-style-panel-with-label {
  margin-top: 40px;
}
@media (min-width: 40.0625em) {
  .nhsuk-card--feature, .nhsuk-card.is-style-panel-with-label {
    margin-top: 48px;
  }
}

.nhsuk-card__heading--feature, .nhsuk-card.is-style-panel-with-label .nhsuk-card__content h2 {
  background: #005eb8;
  color: #ffffff;
  display: inline-block;
  left: -25px;
  /* [5] */
  margin-bottom: 8px;
  margin-right: -24px;
  /* [6] */
  padding: 8px 24px;
  position: relative;
  top: -8px;
}
@media (min-width: 40.0625em) {
  .nhsuk-card__heading--feature, .nhsuk-card.is-style-panel-with-label .nhsuk-card__content h2 {
    left: -33px;
    /* [5] */
    margin-right: -32px;
    /* [6] */
    padding: 8px 32px;
    top: -16px;
  }
}

.nhsuk-card__content--feature, .nhsuk-card.is-style-panel-with-label .nhsuk-card__content {
  padding-top: 0 !important;
  /* stylelint-disable-line declaration-no-important */
  /* [7] */
}

/* Care card
  ========================================================================== */
.nhsuk-card--care {
  margin-top: 40px;
  /* [8] */
}
@media (min-width: 40.0625em) {
  .nhsuk-card--care {
    margin-top: 48px;
  }
}
.nhsuk-card--care .nhsuk-card--care__heading-container {
  background-color: #005eb8;
  color: #ffffff;
}
@media print {
  .nhsuk-card--care {
    border: 4px solid #212b32;
    color: #212b32;
    page-break-inside: avoid;
  }
}

.nhsuk-card--care__heading-container {
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 16px;
  padding-top: 16px;
  position: relative;
}
@media (min-width: 40.0625em) {
  .nhsuk-card--care__heading-container {
    padding-left: 32px;
  }
}
@media (min-width: 40.0625em) {
  .nhsuk-card--care__heading-container {
    padding-right: 32px;
  }
}

.nhsuk-card--care__heading {
  font-weight: 600;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.4;
  margin: 0;
  padding-top: 0;
  /* [13] */
}
@media (min-width: 40.0625em) {
  .nhsuk-card--care__heading {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.33333;
  }
}
@media print {
  .nhsuk-card--care__heading {
    font-size: 18pt;
    line-height: 1.15;
  }
}
@media print {
  .nhsuk-card--care__heading {
    color: #212b32;
    fill: #212b32;
  }
  .nhsuk-card--care__heading:active, .nhsuk-card--care__heading:focus, .nhsuk-card--care__heading:visited {
    color: #212b32;
  }
}

.nhsuk-card--care__arrow {
  bottom: -10px;
  /* [9] */
  display: block;
  height: 20px;
  /* [9] */
  left: 30px;
  /* [10] */
  overflow: hidden;
  position: absolute;
  transform: rotate(45deg);
  width: 20px;
  /* [9] */
}
@media print {
  .nhsuk-card--care__arrow {
    display: none;
  }
}
@media (min-width: 40.0625em) {
  .nhsuk-card--care__arrow {
    left: 38px;
    /* [10] */
  }
}
.nhsuk-card--care__arrow:before, .nhsuk-card--care__arrow:after {
  border: solid 32px #005eb8;
  /* [9] */
  content: "";
  display: block;
  height: 0;
  position: absolute;
  top: 0;
  transform: rotate(45deg);
  /* [12] */
  width: 0;
}

.nhsuk-card--care--urgent .nhsuk-card--care__heading-container {
  background-color: #d5281b;
  color: #ffffff;
}
@media print {
  .nhsuk-card--care--urgent {
    border: 6px solid #212b32;
    color: #212b32;
    page-break-inside: avoid;
  }
}
.nhsuk-card--care--urgent .nhsuk-card--care__arrow:before, .nhsuk-card--care--urgent .nhsuk-card--care__arrow:after {
  border-color: #d5281b;
}

.nhsuk-card--care--emergency .nhsuk-card--care__heading-container {
  background-color: #d5281b;
  color: #ffffff;
}
@media print {
  .nhsuk-card--care--emergency {
    border: 8px solid #212b32;
    color: #212b32;
    page-break-inside: avoid;
  }
}
.nhsuk-card--care--emergency .nhsuk-card--care__arrow:before, .nhsuk-card--care--emergency .nhsuk-card--care__arrow:after {
  border-color: #d5281b;
}
.nhsuk-card--care--emergency .nhsuk-card__content {
  background-color: #212b32;
  border: 0;
  color: #ffffff;
  position: static;
  /* [15] */
}
.nhsuk-card--care--emergency .nhsuk-card__content a {
  color: #ffffff;
  /* [16] */
}
.nhsuk-card--care--emergency .nhsuk-card__content a:focus {
  color: #212b32;
  /* [16] */
}
.nhsuk-card--care--emergency .nhsuk-details,
.nhsuk-card--care--emergency .nhsuk-details__summary {
  color: #ffffff;
}
.nhsuk-card--care--emergency .nhsuk-details__summary:hover {
  color: #ffffff;
}
.nhsuk-card--care--emergency .nhsuk-details__summary:focus {
  color: #212b32;
}
.nhsuk-card--care--emergency .nhsuk-action-link__link .nhsuk-icon__arrow-right-circle {
  fill: #ffffff;
  /* [14] */
}

/* ==========================================================================
   COMPONENTS/ #CHECKBOXES
   ========================================================================== */
/**
 * 1. remove 300ms pause on mobile.
 * 2. Fix bug in IE11 caused by transform rotate (-45deg).
 */
.nhsuk-checkboxes__item, .tingle-modal-box .ginput_container_checkbox .gfield_checkbox li {
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  clear: left;
  display: block;
  margin-bottom: 8px;
  min-height: 40px;
  padding: 0 0 0 40px;
  position: relative;
}
@media (min-width: 40.0625em) {
  .nhsuk-checkboxes__item, .tingle-modal-box .ginput_container_checkbox .gfield_checkbox li {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.47368;
  }
}
@media print {
  .nhsuk-checkboxes__item, .tingle-modal-box .ginput_container_checkbox .gfield_checkbox li {
    font-size: 14pt;
    line-height: 1.15;
  }
}

.nhsuk-checkboxes__item:last-child, .tingle-modal-box .ginput_container_checkbox .gfield_checkbox li:last-child,
.nhsuk-checkboxes__item:last-of-type,
.tingle-modal-box .ginput_container_checkbox .gfield_checkbox li:last-of-type {
  margin-bottom: 0;
}

.nhsuk-checkboxes__input, .tingle-modal-box .ginput_container_checkbox .gfield_checkbox li input {
  cursor: pointer;
  height: 40px;
  left: 0;
  margin: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 40px;
  z-index: 1;
}

.nhsuk-checkboxes__label, .tingle-modal-box .ginput_container_checkbox .gfield_checkbox li label {
  cursor: pointer;
  display: inline-block;
  margin-bottom: 0;
  padding: 8px 12px 4px;
  -ms-touch-action: manipulation;
  /* 1 */
  touch-action: manipulation;
}

.nhsuk-checkboxes__hint {
  display: block;
  padding-left: 12px;
  padding-right: 12px;
}

.nhsuk-checkboxes__input + .nhsuk-checkboxes__label::before, .tingle-modal-box .ginput_container_checkbox .gfield_checkbox li input + .nhsuk-checkboxes__label::before, .tingle-modal-box .ginput_container_checkbox .gfield_checkbox li .nhsuk-checkboxes__input + label::before, .tingle-modal-box .ginput_container_checkbox .gfield_checkbox li input + label::before {
  background: #ffffff;
  border: 2px solid #4c6272;
  box-sizing: border-box;
  content: "";
  height: 40px;
  left: 0;
  position: absolute;
  top: 0;
  width: 40px;
}

.nhsuk-checkboxes__input + .nhsuk-checkboxes__label::after, .tingle-modal-box .ginput_container_checkbox .gfield_checkbox li input + .nhsuk-checkboxes__label::after, .tingle-modal-box .ginput_container_checkbox .gfield_checkbox li .nhsuk-checkboxes__input + label::after, .tingle-modal-box .ginput_container_checkbox .gfield_checkbox li input + label::after {
  background: transparent;
  border: solid;
  border-top-color: transparent;
  border-width: 0 0 4px 4px;
  content: "";
  height: 10px;
  left: 10px;
  opacity: 0;
  /* 2 */
  position: absolute;
  top: 13px;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 22px;
}

/*
 * Focus state
 *
 * 1. Since box-shadows are removed when users customise their colours
 *    We set a transparent outline that is shown instead.
 *    https://accessibility.blog.gov.uk/2017/03/27/how-users-change-colours-on-websites/
 */
.nhsuk-checkboxes__input:focus + .nhsuk-checkboxes__label::before, .tingle-modal-box .ginput_container_checkbox .gfield_checkbox li input:focus + .nhsuk-checkboxes__label::before, .tingle-modal-box .ginput_container_checkbox .gfield_checkbox li .nhsuk-checkboxes__input:focus + label::before, .tingle-modal-box .ginput_container_checkbox .gfield_checkbox li input:focus + label::before {
  border: 4px solid #212b32;
  box-shadow: 0 0 0 4px #ffeb3b;
}

/* Selected state */
.nhsuk-checkboxes__input:checked + .nhsuk-checkboxes__label::after, .tingle-modal-box .ginput_container_checkbox .gfield_checkbox li input:checked + .nhsuk-checkboxes__label::after, .tingle-modal-box .ginput_container_checkbox .gfield_checkbox li .nhsuk-checkboxes__input:checked + label::after, .tingle-modal-box .ginput_container_checkbox .gfield_checkbox li input:checked + label::after {
  opacity: 1;
}

/* Disabled state */
.nhsuk-checkboxes__input:disabled, .tingle-modal-box .ginput_container_checkbox .gfield_checkbox li input:disabled,
.nhsuk-checkboxes__input:disabled + .nhsuk-checkboxes__label,
.tingle-modal-box .ginput_container_checkbox .gfield_checkbox li input:disabled + .nhsuk-checkboxes__label,
.tingle-modal-box .ginput_container_checkbox .gfield_checkbox li .nhsuk-checkboxes__input:disabled + label,
.tingle-modal-box .ginput_container_checkbox .gfield_checkbox li input:disabled + label {
  cursor: default;
}

.nhsuk-checkboxes__input:disabled + .nhsuk-checkboxes__label, .tingle-modal-box .ginput_container_checkbox .gfield_checkbox li input:disabled + .nhsuk-checkboxes__label, .tingle-modal-box .ginput_container_checkbox .gfield_checkbox li .nhsuk-checkboxes__input:disabled + label, .tingle-modal-box .ginput_container_checkbox .gfield_checkbox li input:disabled + label {
  opacity: 0.5;
}

/* Divider variant */
.nhsuk-checkboxes__divider {
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  color: #212b32;
  margin-bottom: 8px;
  text-align: center;
  width: 40px;
}
@media (min-width: 40.0625em) {
  .nhsuk-checkboxes__divider {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.47368;
  }
}
@media print {
  .nhsuk-checkboxes__divider {
    font-size: 14pt;
    line-height: 1.15;
  }
}

/*
 * Conditional
 *
 * 1. Calculate the amount of padding needed to keep the border
 *    centered against the checkbox.
 * 2. Move the border centered with the checkbox.
 * 3. Move the contents of the conditional inline with the label.
 */
/* 1 */
/* 2 */
/* 3 */
.nhsuk-checkboxes__conditional {
  margin-bottom: 16px;
  border-left: 4px solid #4c6272;
  margin-left: 18px;
  padding-left: 30px;
}
@media (min-width: 40.0625em) {
  .nhsuk-checkboxes__conditional {
    margin-bottom: 24px;
  }
}
.nhsuk-checkboxes__conditional > :last-child {
  margin-bottom: 0;
}

.js-enabled .nhsuk-checkboxes__conditional--hidden {
  display: none;
}

/* ==========================================================================
   COMPONENTS / #CONTENTS-LIST
   ========================================================================== */
/**
 * 1. Creates a grey line before each list
 *    item using a ASCII number for the symbol.
 */
.nhsuk-contents-list {
  margin-bottom: 40px;
}
@media (min-width: 40.0625em) {
  .nhsuk-contents-list {
    margin-bottom: 48px;
  }
}

.nhsuk-contents-list__list {
  list-style: none;
  padding: 0;
}

.nhsuk-contents-list__item {
  background: url("data:image/svg+xml,%3Csvg class='nhsuk-icon nhsuk-icon__emdash' xmlns='http://www.w3.org/2000/svg' fill='%23aeb7bd' width='19' height='1' aria-hidden='true'%3E%3Cpath d='M0 0h19v1H0z'%3E%3C/path%3E%3C/svg%3E") left 0.75rem no-repeat;
  padding: 0 0 0 32px;
  position: relative;
}
@media (min-width: 40.0625em) {
  .nhsuk-contents-list__item {
    background: url("data:image/svg+xml,%3Csvg class='nhsuk-icon nhsuk-icon__emdash' xmlns='http://www.w3.org/2000/svg' fill='%23aeb7bd' width='16' height='1' aria-hidden='true'%3E%3Cpath d='M0 0h19v1H0z'%3E%3C/path%3E%3C/svg%3E") left 0.875rem no-repeat;
  }
}

.nhsuk-contents-list__link {
  display: inline-block;
}

.nhsuk-contents-list__current {
  font-weight: 600;
}

/* ==========================================================================
   COMPONENTS/ #DATE-INPUT
   ========================================================================== */
/**
 * 1. font-size: 0 removes whitespace caused by inline-block
 */
.nhsuk-date-input {
  font-size: 0;
  /* 1 */
}
.nhsuk-date-input:after {
  clear: both;
  content: "";
  display: block;
}

.nhsuk-date-input__item {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 24px;
}

.nhsuk-date-input__label {
  display: block;
}

.nhsuk-date-input__input {
  margin-bottom: 0;
}

/* ==========================================================================
   COMPONENTS / #DETAILS
   ========================================================================== */
/**
 * Details component.
 *
 * Original code taken from GDS (Government Digital Service)
 * https://github.com/alphagov/govuk-frontend
 *
 * 1. Style the summary to look like a link...
 * 2. Make the focus outline shrink-wrap the text content of the summary
 * 3. Absolutely position the marker against this element
 * 3. Allow for absolutely positioned marker and align with disclosed text
 * 4. Only underline the text, not the arrow
 * 5. Remove the default details marker so we can style our own consistently and
 *    ensure it displays in Firefox
 * 6. Custom padding to left align the details text with the summary
 */
.nhsuk-details {
  color: #212b32;
  margin-bottom: 16px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  display: block;
}
@media print {
  .nhsuk-details {
    color: #212b32;
  }
}
@media (min-width: 40.0625em) {
  .nhsuk-details {
    margin-bottom: 24px;
  }
}
@media (min-width: 40.0625em) {
  .nhsuk-details {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.47368;
  }
}
@media print {
  .nhsuk-details {
    font-size: 14pt;
    line-height: 1.15;
  }
}

.nhsuk-details__summary {
  color: #005eb8;
  /* [1] */
  cursor: pointer;
  display: inline-block;
  /* [2] */
  padding-left: 24px;
  position: relative;
  /* [3] */
}
.nhsuk-details__summary:hover {
  color: #7C2855;
}
.nhsuk-details__summary:before {
  bottom: 0;
  content: "";
  left: 0;
  margin: auto;
  position: absolute;
  top: 0;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
  border-width: 7px 0 7px 12.124px;
  border-left-color: inherit;
}
.nhsuk-details__summary:focus {
  background-color: #ffeb3b;
  box-shadow: 0 -2px #ffeb3b, 0 4px #212b32;
  color: #212b32;
  outline: 4px solid transparent;
  text-decoration: none;
}
.nhsuk-details__summary:focus .nhsuk-icon {
  fill: #212b32;
}
.nhsuk-details__summary:hover .nhsuk-details__summary-text, .nhsuk-details__summary:focus .nhsuk-details__summary-text {
  text-decoration: none;
}

.nhsuk-details[open] > .nhsuk-details__summary:before {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
  border-width: 12.124px 7px 0 7px;
  border-top-color: inherit;
}

.nhsuk-details__summary-text {
  text-decoration: underline;
  /* [4] */
}

.nhsuk-details__summary::-webkit-details-marker {
  display: none;
  /* [5] */
}

.nhsuk-details__text {
  border-left: 4px solid #d8dde0;
  margin-top: 8px;
  padding: 16px;
  padding-left: 20px;
  /* [6] */
}
.nhsuk-details__text > *:first-child {
  margin-top: 0;
}
.nhsuk-details__text > *:last-child {
  margin-bottom: 0;
}

/**
 * Expander variation.
 *
 * 1. !important used because the icon is populated
 *    by the JavaScript polyfill
 * 2. Remove the default hover, focus and active
 *    styles for this component.
 * 3. -2px left margin to align the icon to the content.
 * 4. When a group of details is used reduce the
 *    margin between them so they sit together.
 */
.nhsuk-expander, .nhsuk-details.is-style-expander {
  background-color: #ffffff;
  border: 1px solid #d8dde0;
  border-bottom-width: 4px;
}
.nhsuk-expander:hover, .nhsuk-details.is-style-expander:hover {
  border-color: #aeb7bd;
}
.nhsuk-expander .nhsuk-details__summary, .nhsuk-details.is-style-expander .nhsuk-details__summary {
  background-color: #ffffff;
  border-top: 4px solid transparent;
  display: block;
  padding: 20px 24px 24px;
}
@media (max-width: 40.0525em) {
  .nhsuk-expander .nhsuk-details__summary, .nhsuk-details.is-style-expander .nhsuk-details__summary {
    padding: 12px 16px 16px;
  }
}
.nhsuk-expander .nhsuk-details__summary:before, .nhsuk-details.is-style-expander .nhsuk-details__summary:before {
  display: none !important;
  /* stylelint-disable-line declaration-no-important */
  /* [1] */
}
.nhsuk-expander .nhsuk-details__summary:hover .nhsuk-details__summary-text, .nhsuk-details.is-style-expander .nhsuk-details__summary:hover .nhsuk-details__summary-text {
  color: #7C2855;
}
.nhsuk-expander .nhsuk-details__summary:focus, .nhsuk-details.is-style-expander .nhsuk-details__summary:focus {
  box-shadow: none;
}
.nhsuk-expander .nhsuk-details__summary:focus .nhsuk-details__summary-text, .nhsuk-details.is-style-expander .nhsuk-details__summary:focus .nhsuk-details__summary-text {
  background-color: #ffeb3b;
  box-shadow: 0 -2px #ffeb3b, 0 4px #212b32;
  color: #212b32;
  outline: 4px solid transparent;
  text-decoration: none;
}
.nhsuk-expander .nhsuk-details__summary:focus .nhsuk-details__summary-text:before, .nhsuk-details.is-style-expander .nhsuk-details__summary:focus .nhsuk-details__summary-text:before {
  background: #ffeb3b url("data:image/svg+xml,%3Csvg class='nhsuk-icon nhsuk-icon__plus' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' aria-hidden='true'%3E%3Ccircle cx='12' cy='12' r='10' fill='002f5c'%3E%3C/circle%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M12 8v8M8 12h8'%3E%3C/path%3E%3C/svg%3E%0A") left -2px center no-repeat;
}
.nhsuk-expander .nhsuk-details__summary-text, .nhsuk-details.is-style-expander .nhsuk-details__summary-text {
  color: #005eb8;
  cursor: pointer;
  display: inline-block;
  padding: 4px 4px 4px 38px;
  position: relative;
}
.nhsuk-expander .nhsuk-details__summary-text:before, .nhsuk-details.is-style-expander .nhsuk-details__summary-text:before {
  background: url("data:image/svg+xml,%3Csvg class='nhsuk-icon nhsuk-icon__plus' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' aria-hidden='true'%3E%3Ccircle cx='12' cy='12' r='10' fill='%23005eb8'%3E%3C/circle%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M12 8v8M8 12h8'%3E%3C/path%3E%3C/svg%3E%0A") left -2px center no-repeat;
  content: "";
  display: inline-block;
  height: 32px;
  left: 0;
  position: absolute;
  top: calc(50% - 16px);
  width: 32px;
}
.nhsuk-expander .nhsuk-details__text, .nhsuk-details.is-style-expander .nhsuk-details__text {
  padding-bottom: 16px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 0;
  border-left: 0;
  margin-left: 0;
  margin-top: 0;
}
@media (min-width: 40.0625em) {
  .nhsuk-expander .nhsuk-details__text, .nhsuk-details.is-style-expander .nhsuk-details__text {
    padding-bottom: 24px;
  }
}
@media (min-width: 40.0625em) {
  .nhsuk-expander .nhsuk-details__text, .nhsuk-details.is-style-expander .nhsuk-details__text {
    padding-left: 24px;
  }
}
@media (min-width: 40.0625em) {
  .nhsuk-expander .nhsuk-details__text, .nhsuk-details.is-style-expander .nhsuk-details__text {
    padding-right: 24px;
  }
}
@media (min-width: 40.0625em) {
  .nhsuk-expander .nhsuk-details__text, .nhsuk-details.is-style-expander .nhsuk-details__text {
    padding-top: 0;
  }
}

.nhsuk-expander[open], [open].nhsuk-details.is-style-expander {
  border-bottom-width: 1px;
}
.nhsuk-expander[open] .nhsuk-details__summary:focus:hover .nhsuk-details__summary-text, [open].nhsuk-details.is-style-expander .nhsuk-details__summary:focus:hover .nhsuk-details__summary-text {
  text-decoration: none;
}
.nhsuk-expander[open] .nhsuk-details__summary:focus .nhsuk-details__summary-text::before, [open].nhsuk-details.is-style-expander .nhsuk-details__summary:focus .nhsuk-details__summary-text::before {
  background: #ffeb3b url("data:image/svg+xml,%3Csvg class='nhsuk-icon nhsuk-icon__minus' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' aria-hidden='true'%3E%3Ccircle cx='12' cy='12' r='10' fill='002f5c'%3E%3C/circle%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M8 12h8'%3E%3C/path%3E%3C/svg%3E%0A") left -2px center no-repeat;
  /* [3] */
}
.nhsuk-expander[open] .nhsuk-details__summary-text::before, [open].nhsuk-details.is-style-expander .nhsuk-details__summary-text::before {
  background: url("data:image/svg+xml,%3Csvg class='nhsuk-icon nhsuk-icon__minus' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' aria-hidden='true'%3E%3Ccircle cx='12' cy='12' r='10' fill='%23005eb8'%3E%3C/circle%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M8 12h8'%3E%3C/path%3E%3C/svg%3E%0A") left -2px center no-repeat;
  /* [3] */
}

.nhsuk-expander-group {
  /* [4] */
  margin-bottom: 16px;
}
.nhsuk-expander-group > .nhsuk-details {
  margin-bottom: 8px;
}
@media (min-width: 40.0625em) {
  .nhsuk-expander-group > .nhsuk-details {
    margin-bottom: 8px;
  }
}
@media (min-width: 40.0625em) {
  .nhsuk-expander-group {
    margin-bottom: 24px;
  }
}

.nhsuk-details + h2,
.nhsuk-details + .nhsuk-heading-l {
  padding-top: 16px;
}
@media (min-width: 40.0625em) {
  .nhsuk-details + h2,
.nhsuk-details + .nhsuk-heading-l {
    padding-top: 24px;
  }
}

/* ==========================================================================
   COMPONENTS / #DO-DONT-LIST
   ========================================================================== */
/**
 * Do and Don't lists help users understand more easily what they should
 * and shouldn't do.
 *
 * 1. Uses @mixin panel-with-label from tools/_mixins.
 * 2. Uses @mixin heading-label from tools/_mixins.
 */
.nhsuk-do-dont-list {
  margin-bottom: 40px;
  margin-top: 40px;
  padding: 24px;
  background-color: #ffffff;
  color: #212b32;
  border: 1px solid #d8dde0;
  padding-top: 0 !important;
  /* stylelint-disable-line declaration-no-important */
  /* [1] */
}
.nhsuk-do-dont-list > *:first-child {
  margin-top: 0;
}
.nhsuk-do-dont-list > *:last-child {
  margin-bottom: 0;
}
@media (min-width: 40.0625em) {
  .nhsuk-do-dont-list {
    margin-bottom: 48px;
  }
}
@media (min-width: 40.0625em) {
  .nhsuk-do-dont-list {
    margin-top: 48px;
  }
}
@media (min-width: 40.0625em) {
  .nhsuk-do-dont-list {
    padding: 32px;
  }
}
@media print {
  .nhsuk-do-dont-list {
    border: 1px solid #212b32;
    page-break-inside: avoid;
  }
}

.nhsuk-do-dont-list__label {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.4;
  background-color: #005eb8;
  color: #ffffff;
  display: inline-block;
  margin: 0 0 8px -33px;
  padding: 8px 32px;
  position: relative;
  top: -16px;
  /* [2] */
}
@media (min-width: 40.0625em) {
  .nhsuk-do-dont-list__label {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.33333;
  }
}
@media print {
  .nhsuk-do-dont-list__label {
    font-size: 18pt;
    line-height: 1.15;
  }
}
@media (max-width: 40.0525em) {
  .nhsuk-do-dont-list__label {
    margin-left: -25px;
    margin-right: 0;
    padding: 8px 24px;
    top: -8px;
  }
}
@media print {
  .nhsuk-do-dont-list__label {
    background: none;
    color: #212b32;
    top: 0;
  }
}
@media print {
  .nhsuk-do-dont-list__label {
    color: #212b32;
    fill: #212b32;
  }
  .nhsuk-do-dont-list__label:active, .nhsuk-do-dont-list__label:focus, .nhsuk-do-dont-list__label:visited {
    color: #212b32;
  }
}

/* ==========================================================================
   COMPONENTS/ #ERROR-MESSAGE
   ========================================================================== */
.nhsuk-error-message {
  font-weight: 600;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  clear: both;
  color: #d5281b;
  display: block;
  margin-bottom: 16px;
}
@media (min-width: 40.0625em) {
  .nhsuk-error-message {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.47368;
  }
}
@media print {
  .nhsuk-error-message {
    font-size: 14pt;
    line-height: 1.15;
  }
}

/* ==========================================================================
   COMPONENTS/ #ERROR-SUMMARY
   ========================================================================== */
/**
 * 1. Cross-component class - adjusts styling of list component.
 * 2. Override default link styling to use error colour
 */
.nhsuk-error-summary {
  padding: 16px;
  margin-bottom: 48px;
  border: 4px solid #d5281b;
}
@media (min-width: 40.0625em) {
  .nhsuk-error-summary {
    padding: 24px;
  }
}
@media (min-width: 40.0625em) {
  .nhsuk-error-summary {
    margin-bottom: 56px;
  }
}
@media (min-width: 40.0625em) {
  .nhsuk-error-summary {
    border: 4px solid #d5281b;
  }
}
.nhsuk-error-summary:focus {
  border: 4px solid #212b32;
  box-shadow: 0 0 0 4px #ffeb3b;
  outline: 4px solid transparent;
}

.nhsuk-error-summary__title {
  font-weight: 600;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 16px;
}
@media (min-width: 40.0625em) {
  .nhsuk-error-summary__title {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.33333;
  }
}
@media print {
  .nhsuk-error-summary__title {
    font-size: 18pt;
    line-height: 1.15;
  }
}
@media (min-width: 40.0625em) {
  .nhsuk-error-summary__title {
    margin-bottom: 24px;
  }
}

.nhsuk-error-summary__body {
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
}
@media (min-width: 40.0625em) {
  .nhsuk-error-summary__body {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.47368;
  }
}
@media print {
  .nhsuk-error-summary__body {
    font-size: 14pt;
    line-height: 1.15;
  }
}
.nhsuk-error-summary__body p {
  margin-top: 0;
  margin-bottom: 16px;
}
@media (min-width: 40.0625em) {
  .nhsuk-error-summary__body p {
    margin-bottom: 24px;
  }
}

.nhsuk-error-summary__list {
  /* 1 */
  margin-bottom: 0;
  margin-top: 0;
}

.nhsuk-error-summary__list a {
  font-weight: 600;
  /* 2 */
}
.nhsuk-error-summary__list a:link, .nhsuk-error-summary__list a:visited, .nhsuk-error-summary__list a:hover, .nhsuk-error-summary__list a:active {
  color: #d5281b;
}
.nhsuk-error-summary__list a:focus {
  background-color: #ffeb3b;
  box-shadow: 0 -2px #ffeb3b, 0 4px #212b32;
  color: #212b32;
  outline: 4px solid transparent;
  text-decoration: none;
}

/* ==========================================================================
   COMPONENTS/ #FIELDSET
   ========================================================================== */
/**
 * 1. Fix legend text wrapping in Edge and IE versions:
 * 2. IE9-11 & Edge 12-13
 * 3. Hack to let legends or elements within legends have margins in webkit browsers.
 * 4. When the legend contains an H1, we want the H1 to inherit all styles from
 *    the legend. Effectively we want to be able to treat the heading as if it is
 *    not there.
 */
.nhsuk-fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
.nhsuk-fieldset:after {
  clear: both;
  content: "";
  display: block;
}

.nhsuk-fieldset__legend {
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  box-sizing: border-box;
  /* 1 */
  color: #212b32;
  display: table;
  /* 2 */
  margin-bottom: 8px;
  margin-top: 0;
  max-width: 100%;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 3 */
}
@media (min-width: 40.0625em) {
  .nhsuk-fieldset__legend {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.47368;
  }
}
@media print {
  .nhsuk-fieldset__legend {
    font-size: 14pt;
    line-height: 1.15;
  }
}

/* Heading modifiers */
.nhsuk-fieldset__legend--xl {
  font-weight: 600;
  font-size: 32px;
  font-size: 2rem;
  line-height: 1.25;
  margin-bottom: 16px;
}
@media (min-width: 40.0625em) {
  .nhsuk-fieldset__legend--xl {
    font-size: 48px;
    font-size: 3rem;
    line-height: 1.16667;
  }
}
@media print {
  .nhsuk-fieldset__legend--xl {
    font-size: 32pt;
    line-height: 1.15;
  }
}

.nhsuk-fieldset__legend--l {
  font-weight: 600;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.33333;
  margin-bottom: 16px;
}
@media (min-width: 40.0625em) {
  .nhsuk-fieldset__legend--l {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.25;
  }
}
@media print {
  .nhsuk-fieldset__legend--l {
    font-size: 24pt;
    line-height: 1.05;
  }
}

.nhsuk-fieldset__legend--m {
  font-weight: 600;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.4;
  margin-bottom: 16px;
}
@media (min-width: 40.0625em) {
  .nhsuk-fieldset__legend--m {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.33333;
  }
}
@media print {
  .nhsuk-fieldset__legend--m {
    font-size: 18pt;
    line-height: 1.15;
  }
}

.nhsuk-fieldset__legend--s {
  font-weight: 600;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 16px;
}
@media (min-width: 40.0625em) {
  .nhsuk-fieldset__legend--s {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.47368;
  }
}
@media print {
  .nhsuk-fieldset__legend--s {
    font-size: 14pt;
    line-height: 1.15;
  }
}

.nhsuk-fieldset__heading {
  /* 4 */
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

/* ==========================================================================
   COMPONENTS / #FOOTER
   ========================================================================== */
.nhsuk-footer {
  padding-bottom: 24px;
  padding-top: 24px;
  background-color: #d8dde0;
  border-top: 4px solid #005eb8;
}
.nhsuk-footer:after {
  clear: both;
  content: "";
  display: block;
}
@media print {
  .nhsuk-footer {
    display: none;
  }
}
@media (min-width: 40.0625em) {
  .nhsuk-footer {
    padding-bottom: 32px;
  }
}
@media (min-width: 40.0625em) {
  .nhsuk-footer {
    padding-top: 32px;
  }
}

.nhsuk-footer__list {
  padding-bottom: 16px;
  list-style-type: none;
  margin: 0;
  padding-left: 0;
}
@media (min-width: 40.0625em) {
  .nhsuk-footer__list {
    padding-bottom: 24px;
  }
}
@media (min-width: 48.0625em) {
  .nhsuk-footer__list {
    float: left;
    padding-bottom: 0;
    width: 75%;
  }
}

.nhsuk-footer__list-item {
  font-weight: 400;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.71429;
}
@media (min-width: 40.0625em) {
  .nhsuk-footer__list-item {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
  }
}
@media print {
  .nhsuk-footer__list-item {
    font-size: 14pt;
    line-height: 1.2;
  }
}
@media (min-width: 48.0625em) {
  .nhsuk-footer__list-item {
    float: left;
    margin-right: 32px;
  }
}

.nhsuk-footer__list-item-link {
  color: #4c6272;
}
.nhsuk-footer__list-item-link:visited {
  color: #4c6272;
}
.nhsuk-footer__list-item-link:hover {
  color: #212b32;
}

.nhsuk-footer__copyright {
  font-weight: 400;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.71429;
  color: #4c6272;
  margin-bottom: 0;
}
@media (min-width: 40.0625em) {
  .nhsuk-footer__copyright {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
  }
}
@media print {
  .nhsuk-footer__copyright {
    font-size: 14pt;
    line-height: 1.2;
  }
}
@media (min-width: 48.0625em) {
  .nhsuk-footer__copyright {
    float: right;
    text-align: right;
    width: 25%;
  }
}

/* ==========================================================================
   COMPONENTS / #HEADER
   ========================================================================== */
/**
 * The behaviour with regards to responsiveness is as follow:
 *
 * - Mobile to tablet view
 *   Menu toggle button visible and navigation links hidden, search toggle
     button visible and search form hidden
 *
 * - Tablet to desktop view
 *   Menu toggle button visible and navigation links hidden, search toggle
 *   button hidden and search form visible
 *
 * - Desktop+ view
 *   Menu toggle button hidden and navigation links visible, search toggle
 *   button hidden and search form visible
 *
 * 1. Custom height and width of the logo
 * 2. Custom height and width of form items
 * 3. Custom height and width of svg icons
 * 4. Remove inner border on buttons for Firefox, see
 *    https://github.com/necolas/normalize.css/issues/393
 * 5. Proprietary extension so form field looks the same in Safari
 * 6. Custom margin to move menu toggle past the search toggle button
 * 7. Custom border value between expanded search and expanded menu if both open at the same time
 * 8. Don't display the link address for the logo anchor, see
 *     core/elements/_links.scss
 * 9. Use non variable colour to follow NHS England guidelines on logo colour
 * 10. Remove random top margin in Safari
 * 11. Align close icon with nav item arrow icons
 * 12. Add nhsuk-spacing(9) to align right and left main nav with header
 */
.nhsuk-header {
  background-color: #005eb8;
}
.nhsuk-header:after {
  clear: both;
  content: "";
  display: block;
}

.nhsuk-header__container {
  padding: 20px 0;
}
.nhsuk-header__container:after {
  clear: both;
  content: "";
  display: block;
}
@media (max-width: 40.0525em) {
  .nhsuk-header__container {
    margin: 0;
    padding: 16px;
  }
}

.nhsuk-header__logo {
  float: left;
}
@media (max-width: 40.0525em) {
  .nhsuk-header__logo {
    position: relative;
    z-index: 1;
  }
}
.nhsuk-header__logo .nhsuk-logo__background {
  fill: #ffffff;
}
@media print {
  .nhsuk-header__logo .nhsuk-logo__background {
    fill: #005eb8;
  }
}
.nhsuk-header__logo .nhsuk-logo__text {
  fill: #005eb8;
}
@media print {
  .nhsuk-header__logo .nhsuk-logo__text {
    fill: #ffffff;
  }
}
@media (min-width: 40.0625em) {
  .nhsuk-header__logo {
    padding-left: 0;
  }
}
.nhsuk-header__logo .nhsuk-logo {
  height: 40px;
  width: 100px;
  /* [1] */
  border: 0;
}
@media (max-width: 48.0525em) {
  .nhsuk-header__logo {
    max-width: 60%;
  }
}
@media (max-width: 450px) {
  .nhsuk-header__logo {
    max-width: 50%;
  }
}

.nhsuk-header__link {
  height: 40px;
  width: 100px;
  /* [1] */
  display: block;
}
.nhsuk-header__link:hover .nhsuk-logo {
  box-shadow: 0 0 0 4px #003d78;
}
.nhsuk-header__link:focus {
  box-shadow: none;
}
.nhsuk-header__link:focus .nhsuk-logo {
  box-shadow: 0 0 0 4px #ffeb3b, 0 4px 0 4px #212b32;
}
@media print {
  .nhsuk-header__link:after {
    content: "";
    /* [8] */
  }
}
.nhsuk-header__link:hover, .nhsuk-header__link:active, .nhsuk-header__link:focus {
  background-color: transparent;
}

.nhsuk-header__content {
  position: relative;
}
.nhsuk-header__content:after {
  clear: both;
  content: "";
  display: block;
}
@media print {
  .nhsuk-header__content {
    display: none;
  }
}
.nhsuk-header__content.js-show {
  border-bottom: 4px solid #f0f4f5;
  /* [7] */
}
@media (min-width: 40.0625em) {
  .nhsuk-header__content {
    float: right;
  }
  .nhsuk-header__content.js-show {
    border-bottom: 0;
  }
}

.nhsuk-header__search {
  position: relative;
  text-align: right;
}
.nhsuk-header__search:after {
  clear: both;
  content: "";
  display: block;
}
@media (min-width: 40.0625em) {
  .nhsuk-header__search {
    float: left;
    margin-left: 8px;
  }
}

.nhsuk-header__search-toggle {
  background-color: transparent;
  border: 1px solid #ffffff;
  border-radius: 4px;
  color: #ffffff;
  cursor: pointer;
  min-height: 40px;
  /* [2] */
  padding: 4px 8px 0;
  position: absolute;
  right: 0;
  top: 0;
}
.nhsuk-header__search-toggle::-moz-focus-inner {
  border: 0;
}
.nhsuk-header__search-toggle:hover {
  background-color: #003d78;
  border-color: #f0f4f5;
  box-shadow: none;
}
.nhsuk-header__search-toggle:focus {
  border: 1px solid #ffeb3b !important;
  /* stylelint-disable-line declaration-no-important */
  /* [2] */
}
.nhsuk-header__search-toggle:active, .nhsuk-header__search-toggle.is-active {
  background-color: #002f5c;
  border-color: #f0f4f5;
  color: #f0f4f5;
}
.nhsuk-header__search-toggle .nhsuk-icon__search {
  fill: #ffffff;
  height: 21px;
  /* [3] */
  width: 21px;
  /* [3] */
}
.nhsuk-header__search-toggle:focus {
  background-color: #ffeb3b;
  border: 0;
  box-shadow: 0 4px 0 0 #212b32;
  color: #212b32;
  outline: 4px solid transparent;
  /* 1 */
  outline-offset: 4px;
  box-shadow: 0 0 0 2px #ffeb3b, 0 4px 0 2px #212b32;
}
.nhsuk-header__search-toggle:focus .nhsuk-icon {
  fill: #212b32;
}
@media (min-width: 40.0625em) {
  .nhsuk-header__search-toggle {
    display: none;
  }
}

.nhsuk-header__search-form {
  height: 100%;
  overflow: visible;
}
@media (max-width: 40.0525em) {
  .nhsuk-header__search-form {
    background-color: #ffffff;
    display: flex;
    padding: 16px;
    width: 100%;
  }
}

@media (max-width: 40.0525em) {
  .nhsuk-header__search-wrap {
    display: none;
  }
  .nhsuk-header__search-wrap.js-show {
    clear: both;
    display: flex;
    margin-bottom: -20px;
    margin-left: -16px;
    margin-right: -16px;
    padding-top: 16px;
    text-align: left;
  }
}
@media (min-width: 40.0625em) {
  .nhsuk-header__search-wrap {
    display: block;
    line-height: 0;
  }
}

.nhsuk-search__input {
  -webkit-appearance: listbox;
  /* [5] */
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 0;
  padding: 0 16px;
}
.nhsuk-search__input:focus {
  border: 4px solid #212b32;
  box-shadow: 0 0 0 4px #ffeb3b;
  outline: 4px solid transparent;
  outline-offset: 4px;
  padding: 0 9px;
}
.nhsuk-search__input::placeholder {
  color: #4c6272;
  font-size: 16px;
}
.nhsuk-search__input:-ms-input-placeholder {
  color: #4c6272;
  font-size: 16px;
}
.nhsuk-search__input::-webkit-input-placeholder {
  color: #4c6272;
  font-size: 16px;
}
@media (max-width: 40.0525em) {
  .nhsuk-search__input {
    border-bottom: 1px solid #aeb7bd;
    border-left: 1px solid #aeb7bd;
    border-right: 0;
    border-top: 1px solid #aeb7bd;
    flex-grow: 2;
    -ms-flex-positive: 2;
    font-size: inherit;
    height: 52px;
    /* [4] */
    margin: 0;
    outline: none;
    width: 100%;
    /* [4] */
    z-index: 1;
  }
}
@media (min-width: 40.0625em) {
  .nhsuk-search__input {
    border: 1px solid #ffffff;
    font-size: 16px;
    height: 40px;
    /* [2] */
    width: 200px;
    /* [2] */
  }
}
@media (min-width: 48.0625em) {
  .nhsuk-search__input {
    width: 235px;
  }
}

.nhsuk-search__submit {
  border: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 0;
  border-top-right-radius: 4px;
  float: right;
  font-size: inherit;
  line-height: inherit;
  outline: none;
  padding: 0;
}
.nhsuk-search__submit::-moz-focus-inner {
  border: 0;
  /* [4] */
}
.nhsuk-search__submit:hover {
  cursor: pointer;
}
@media (max-width: 40.0525em) {
  .nhsuk-search__submit {
    background-color: #007f3b;
    height: 52px;
    /* [2] */
    margin: 0;
    padding: 8px 8px 0;
  }
  .nhsuk-search__submit .nhsuk-icon__search {
    fill: #ffffff;
    height: 38px;
    /* [3] */
    width: 38px;
    /* [3] */
  }
  .nhsuk-search__submit:hover {
    background-color: #00662f;
  }
  .nhsuk-search__submit:focus {
    background-color: #ffeb3b;
    box-shadow: 0 -4px #ffeb3b, 0 4px #212b32;
    outline: 4px solid transparent;
    outline-offset: 4px;
  }
  .nhsuk-search__submit:focus:hover {
    background-color: #ffeb3b;
  }
  .nhsuk-search__submit:focus:hover .nhsuk-icon {
    fill: #212b32;
  }
  .nhsuk-search__submit:focus .nhsuk-icon {
    fill: #212b32;
  }
}
@media (min-width: 40.0625em) {
  .nhsuk-search__submit {
    background-color: #f0f4f5;
    display: block;
    height: 40px;
    /* [2] */
    width: 44px;
    /* [2] */
  }
  .nhsuk-search__submit .nhsuk-icon__search {
    height: 27px;
    /* [3] */
    width: 27px;
    /* [3] */
  }
  .nhsuk-search__submit:hover {
    background-color: #003d78;
    border: 1px solid #ffffff;
  }
  .nhsuk-search__submit:hover .nhsuk-icon__search {
    fill: #ffffff;
  }
  .nhsuk-search__submit:focus {
    background-color: #ffeb3b;
    border: 0;
    box-shadow: 0 4px 0 0 #212b32;
    color: #212b32;
    outline: 4px solid transparent;
    /* 1 */
    outline-offset: 4px;
    box-shadow: 0 -2px #ffeb3b, 0 4px #212b32;
  }
  .nhsuk-search__submit:focus .nhsuk-icon {
    fill: #212b32;
  }
  .nhsuk-search__submit:active {
    background-color: #002f5c;
    border: 0;
  }
  .nhsuk-search__submit:active .nhsuk-icon__search {
    fill: #ffffff;
  }
}

@media (max-width: 40.0525em) {
  .nhsuk-search__close {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    height: 40px;
    padding: 0;
    width: 40px;
    margin-left: 8px;
    margin-right: -8px;
    /* [11] */
    margin-top: 8px;
  }
  .nhsuk-search__close .nhsuk-icon__close {
    fill: #005eb8;
    height: 40px;
    width: 40px;
  }
  .nhsuk-search__close::-moz-focus-inner {
    border: 0;
  }
  .nhsuk-search__close:hover .nhsuk-icon__close {
    fill: #3d4e5b;
  }
  .nhsuk-search__close:focus {
    background-color: #ffeb3b;
    box-shadow: 0 -2px #ffeb3b, 0 4px #212b32;
    color: #212b32;
    outline: 4px solid transparent;
    text-decoration: none;
  }
  .nhsuk-search__close:focus .nhsuk-icon__close {
    fill: #212b32;
  }
}
@media (min-width: 40.0625em) {
  .nhsuk-search__close {
    display: none;
  }
}

.nhsuk-search__input--withdropdown {
  border-bottom-left-radius: 0;
}

.nhsuk-search__submit--withdropdown {
  border-bottom-right-radius: 0;
}

/* Main navigation
 *
 * Appears below the header strip
   ====================================================================== */
.nhsuk-header__menu {
  float: right;
}
@media (min-width: 40.0625em) {
  .nhsuk-header__menu {
    float: left;
  }
}

.nhsuk-header__menu-toggle {
  background-color: transparent;
  border: 1px solid #ffffff;
  border-radius: 4px;
  color: #ffffff;
  cursor: pointer;
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-right: 0;
  /* [6] */
  padding: 7px 16px;
  position: relative;
  text-decoration: none;
  z-index: 1;
}
.nhsuk-header__menu-toggle::-moz-focus-inner {
  border: 0;
}
.nhsuk-header__menu-toggle:hover {
  background-color: #003d78;
  border-color: #f0f4f5;
  box-shadow: none;
}
.nhsuk-header__menu-toggle:focus {
  border: 1px solid #ffeb3b !important;
  /* stylelint-disable-line declaration-no-important */
  /* [2] */
}
.nhsuk-header__menu-toggle:active, .nhsuk-header__menu-toggle.is-active {
  background-color: #002f5c;
  border-color: #f0f4f5;
  color: #f0f4f5;
}
@media (max-width: 40.0525em) {
  .nhsuk-header__menu-toggle {
    right: 48px;
  }
}
@media (min-width: 40.0625em) and (max-width: 61.865em) {
  .nhsuk-header__menu-toggle {
    margin-top: 0;
    /* [10] */
  }
}
@media (min-width: 61.875em) {
  .nhsuk-header__menu-toggle {
    display: none;
  }
}
.nhsuk-header__menu-toggle:focus {
  background-color: #ffeb3b;
  border: 0;
  box-shadow: 0 4px 0 0 #212b32;
  color: #212b32;
  outline: 4px solid transparent;
  /* 1 */
  outline-offset: 4px;
  box-shadow: 0 0 0 2px #ffeb3b, 0 4px 0 2px #212b32;
}
.nhsuk-header__menu-toggle:focus .nhsuk-icon {
  fill: #212b32;
}

/* 'only' modifier for when there is only the menu in the header, no search
   ====================================================================== */
@media (max-width: 40.0525em) {
  .nhsuk-header__menu--only .nhsuk-header__menu-toggle {
    position: relative;
    right: auto;
    top: auto;
  }
}

.nhsuk-header__navigation {
  background-color: #ffffff;
  clear: both;
  display: none;
  overflow: hidden;
}
@media print {
  .nhsuk-header__navigation {
    display: none;
  }
}
.nhsuk-header__navigation.js-show {
  display: block;
}
@media (max-width: 61.865em) {
  .nhsuk-header__navigation.js-show {
    border-bottom: 4px solid #f0f4f5;
    /* [7] */
    border-top: 4px solid #f0f4f5;
    /* [7] */
  }
  .nhsuk-header__navigation.js-show .nhsuk-width-container, .nhsuk-header__navigation.js-show #cookie-notice .cookie-notice-container #cn-notice-buttons, #cookie-notice .cookie-notice-container .nhsuk-header__navigation.js-show #cn-notice-buttons, .nhsuk-header__navigation.js-show #cookie-notice .cookie-notice-container .cn-text-container, #cookie-notice .cookie-notice-container .nhsuk-header__navigation.js-show .cn-text-container {
    margin: 0 16px;
  }
}
@media (max-width: 48.0525em) {
  .nhsuk-header__navigation.js-show .nhsuk-width-container, .nhsuk-header__navigation.js-show #cookie-notice .cookie-notice-container #cn-notice-buttons, #cookie-notice .cookie-notice-container .nhsuk-header__navigation.js-show #cn-notice-buttons, .nhsuk-header__navigation.js-show #cookie-notice .cookie-notice-container .cn-text-container, #cookie-notice .cookie-notice-container .nhsuk-header__navigation.js-show .cn-text-container {
    margin: 0;
  }
}
@media (min-width: 61.875em) {
  .nhsuk-header__navigation {
    background-color: #005eb8;
    display: block;
    margin: 0 auto;
    max-width: 1024px;
    /* [12] */
  }
}

.nhsuk-header__navigation-title {
  font-weight: 600;
  margin-bottom: 0;
  padding: 16px;
  position: relative;
}
@media (min-width: 61.875em) {
  .nhsuk-header__navigation-title {
    display: none;
  }
}

.nhsuk-header__navigation-close {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  height: 40px;
  padding: 0;
  width: 40px;
  overflow: hidden;
  position: absolute;
  right: 8px;
  top: 8px;
  white-space: nowrap;
}
.nhsuk-header__navigation-close .nhsuk-icon__close {
  fill: #005eb8;
  height: 40px;
  width: 40px;
}
.nhsuk-header__navigation-close::-moz-focus-inner {
  border: 0;
}
.nhsuk-header__navigation-close:hover .nhsuk-icon__close {
  fill: #3d4e5b;
}
.nhsuk-header__navigation-close:focus {
  background-color: #ffeb3b;
  box-shadow: 0 -2px #ffeb3b, 0 4px #212b32;
  color: #212b32;
  outline: 4px solid transparent;
  text-decoration: none;
}
.nhsuk-header__navigation-close:focus .nhsuk-icon__close {
  fill: #212b32;
}

.nhsuk-header__navigation-list {
  list-style: none;
  margin: 0;
  padding-left: 0;
}
@media (min-width: 61.875em) {
  .nhsuk-header__navigation-list {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    display: flex;
    justify-content: space-between;
    padding: 0;
    width: 100%;
  }
}

.nhsuk-header__navigation-item {
  border-top: 1px solid #f0f4f5;
  margin-bottom: 0;
  position: relative;
}
@media (min-width: 61.875em) {
  .nhsuk-header__navigation-item {
    border-top: 0;
    margin: 0;
    text-align: center;
  }
  .nhsuk-header__navigation-item .nhsuk-icon__chevron-right {
    display: none;
  }
}

.nhsuk-header__navigation-link {
  font-weight: 400;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.71429;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
  color: #005eb8;
  display: block;
  padding: 12px 16px;
  text-decoration: none;
}
@media (min-width: 40.0625em) {
  .nhsuk-header__navigation-link {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
  }
}
@media print {
  .nhsuk-header__navigation-link {
    font-size: 14pt;
    line-height: 1.2;
  }
}
@media (min-width: 61.875em) {
  .nhsuk-header__navigation-link {
    color: #ffffff;
    line-height: normal;
  }
}
.nhsuk-header__navigation-link .nhsuk-icon__chevron-right {
  fill: #aeb7bd;
  position: absolute;
  right: 4px;
  top: 11px;
}
.nhsuk-header__navigation-link:visited {
  color: #005eb8;
}
@media (min-width: 61.875em) {
  .nhsuk-header__navigation-link:visited {
    color: #ffffff;
  }
}
.nhsuk-header__navigation-link:hover {
  box-shadow: none;
  color: #005eb8;
  text-decoration: underline;
}
@media (min-width: 61.875em) {
  .nhsuk-header__navigation-link:hover {
    color: #ffffff;
  }
}
.nhsuk-header__navigation-link:hover .nhsuk-icon__chevron-right {
  fill: #005eb8;
}
.nhsuk-header__navigation-link:active, .nhsuk-header__navigation-link:focus {
  background-color: #ffeb3b;
  border-bottom: 4px solid #212b32;
  box-shadow: none;
  color: #212b32;
  outline: 4px solid transparent;
  outline-offset: 4px;
  text-decoration: none;
}
.nhsuk-header__navigation-link:active:hover, .nhsuk-header__navigation-link:focus:hover {
  background-color: #ffeb3b;
  color: #212b32;
}
.nhsuk-header__navigation-link:active:hover .nhsuk-icon__chevron-right, .nhsuk-header__navigation-link:focus:hover .nhsuk-icon__chevron-right {
  fill: #212b32;
}
.nhsuk-header__navigation-link:active:visited, .nhsuk-header__navigation-link:focus:visited {
  background-color: #ffeb3b;
  color: #212b32;
}

@media (min-width: 61.875em) {
  .nhsuk-header__navigation-item--for-mobile {
    display: none;
  }
}

@media (min-width: 61.875em) {
  .nhsuk-header__navigation-list--small {
    justify-content: flex-start;
  }
}

/**
 * Transactional Header with service name
**/
.nhsuk-header__transactional-service-name {
  float: left;
  padding-left: 16px;
  padding-top: 3px;
}
@media (max-width: 61.865em) {
  .nhsuk-header__transactional-service-name {
    padding-left: 0;
    padding-top: 8px;
    width: 100%;
  }
}

.nhsuk-header__transactional-service-name--link {
  color: #ffffff;
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  text-decoration: none;
}
.nhsuk-header__transactional-service-name--link:visited {
  color: #ffffff;
}
.nhsuk-header__transactional-service-name--link:hover {
  color: #ffffff;
  text-decoration: none;
}
.nhsuk-header__transactional-service-name--link:focus {
  color: #212b32;
  outline: 4px solid transparent;
  outline-offset: 4px;
  text-decoration: none;
}
.nhsuk-header__transactional-service-name--link:active {
  color: #002f5c;
}
@media (min-width: 40.0625em) {
  .nhsuk-header__transactional-service-name--link {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.47368;
  }
}
@media print {
  .nhsuk-header__transactional-service-name--link {
    font-size: 14pt;
    line-height: 1.15;
  }
}
.nhsuk-header__transactional-service-name--link:hover {
  text-decoration: underline;
}

.nhsuk-header--transactional .nhsuk-header__link {
  height: 32px;
  width: 80px;
  display: block;
}
.nhsuk-header--transactional .nhsuk-logo {
  height: 32px;
  width: 80px;
}
.nhsuk-header--transactional .nhsuk-header__transactional-service-name {
  float: left;
}

.nhsuk-header__link--service {
  height: auto;
  margin-bottom: -4px;
  text-decoration: none;
  width: auto;
}
@media (min-width: 61.875em) {
  .nhsuk-header__link--service {
    align-items: center;
    display: flex;
    -ms-flex-align: center;
    margin-bottom: 0;
    width: auto;
  }
}
.nhsuk-header__link--service:hover {
  background: none;
}
.nhsuk-header__link--service:hover .nhsuk-header__service-name {
  text-decoration: underline;
}
.nhsuk-header__link--service:focus {
  background: #ffeb3b;
  box-shadow: 0 0 0 4px #ffeb3b, 0 4px 0 4px #212b32;
}
.nhsuk-header__link--service:focus .nhsuk-header__service-name {
  color: #212b32;
  text-decoration: none;
}
.nhsuk-header__link--service:focus .nhsuk-logo {
  box-shadow: none;
}

.nhsuk-header__service-name {
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  color: #ffffff;
  display: block;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 40.0625em) {
  .nhsuk-header__service-name {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.47368;
  }
}
@media print {
  .nhsuk-header__service-name {
    font-size: 14pt;
    line-height: 1.15;
  }
}
@media (min-width: 61.875em) {
  .nhsuk-header__service-name {
    padding-left: 16px;
  }
}
@media (max-width: 61.865em) {
  .nhsuk-header__service-name {
    max-width: 220px;
  }
}

.nhsuk-header__logo--only {
  max-width: 100%;
}
@media (min-width: 40.0625em) {
  .nhsuk-header__logo--only .nhsuk-header__link--service {
    align-items: center;
    display: flex;
    -ms-flex-align: center;
    margin-bottom: 0;
    width: auto;
  }
  .nhsuk-header__logo--only .nhsuk-header__service-name {
    padding-left: 16px;
  }
}

/**
 * Organisational header
**/
.nhsuk-header--organisation .nhsuk-header__link {
  height: auto;
  text-decoration: none;
  width: auto;
}
.nhsuk-header--organisation .nhsuk-header__link:hover {
  color: #ffffff;
  text-decoration: underline;
}
.nhsuk-header--organisation .nhsuk-header__link:hover .nhsuk-logo {
  box-shadow: none;
}
.nhsuk-header--organisation .nhsuk-header__link:focus {
  background: #ffeb3b;
  box-shadow: 0 0 0 4px #ffeb3b, 0 4px 0 4px #212b32;
}
.nhsuk-header--organisation .nhsuk-header__link:focus .nhsuk-organisation-name,
.nhsuk-header--organisation .nhsuk-header__link:focus .nhsuk-organisation-descriptor {
  color: #212b32;
}
.nhsuk-header--organisation .nhsuk-header__link:focus .nhsuk-logo {
  box-shadow: none;
}
.nhsuk-header--organisation .nhsuk-header__link:focus:hover {
  text-decoration: none;
}
.nhsuk-header--organisation .nhsuk-header__logo .nhsuk-logo {
  height: 32px;
  width: 80px;
}
@media (max-width: 450px) {
  .nhsuk-header--organisation .nhsuk-header__logo .nhsuk-logo {
    height: 24px;
    width: 60px;
  }
}
@media (max-width: 375px) {
  .nhsuk-header--organisation .nhsuk-header__logo .nhsuk-logo {
    height: 20px;
    width: 50px;
  }
}
.nhsuk-header--organisation .nhsuk-header__navigation {
  max-width: 100%;
}

.nhsuk-organisation-name {
  color: #ffffff;
  display: block;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 0.2px;
  line-height: 23px;
  margin-top: -2px;
}
@media print {
  .nhsuk-organisation-name {
    color: #212b32;
  }
}
@media (max-width: 450px) {
  .nhsuk-organisation-name {
    font-size: 17px;
    letter-spacing: 0.1px;
    line-height: 17px;
  }
}
@media (max-width: 375px) {
  .nhsuk-organisation-name {
    font-size: 13px;
    line-height: 13px;
  }
}
.nhsuk-organisation-name .nhsuk-organisation-name-split {
  display: block;
}

.nhsuk-organisation-descriptor {
  color: #ffffff;
  display: block;
  font-size: 15px;
  font-weight: bold;
  line-height: 21px;
}
@media print {
  .nhsuk-organisation-descriptor {
    color: #005eb8;
  }
}
@media (max-width: 450px) {
  .nhsuk-organisation-descriptor {
    font-size: 12px;
    line-height: 18px;
  }
}
@media (max-width: 375px) {
  .nhsuk-organisation-descriptor {
    font-size: 10px;
    line-height: 13px;
  }
}

.nhsuk-org-logo {
  border: 0;
  max-height: 100px;
  max-width: 280px;
}
@media (max-width: 450px) {
  .nhsuk-org-logo {
    max-width: 150px;
  }
}

.nhsuk-org-logo[src$=".svg"] {
  height: auto;
  max-width: 220px;
  width: 100%;
}

.nhsuk-header--white {
  background-color: #ffffff;
}
.nhsuk-header--white .nhsuk-logo .nhsuk-logo__background {
  fill: #005eb8;
}
.nhsuk-header--white .nhsuk-logo .nhsuk-logo__text {
  fill: #ffffff;
}
.nhsuk-header--white .nhsuk-header__link:hover {
  color: #212b32;
  text-decoration: underline;
}
.nhsuk-header--white .nhsuk-header__link:hover .nhsuk-organisation-descriptor {
  color: #212b32;
}
.nhsuk-header--white .nhsuk-search__submit {
  background-color: #005eb8;
}
.nhsuk-header--white .nhsuk-search__submit .nhsuk-icon__search {
  fill: #ffffff;
}
.nhsuk-header--white .nhsuk-search__submit:hover {
  background-color: #004b93;
  border-color: #004b93;
}
.nhsuk-header--white .nhsuk-search__submit:focus {
  background-color: #ffeb3b;
}
.nhsuk-header--white .nhsuk-search__submit:focus .nhsuk-icon__search {
  fill: #212b32;
}
.nhsuk-header--white .nhsuk-search__input {
  border: 1px solid #aeb7bd;
}
.nhsuk-header--white .nhsuk-search__input:focus {
  border: 2px solid #212b32;
}
@media (max-width: 40.0525em) {
  .nhsuk-header--white .nhsuk-search__input:focus {
    border: 4px solid #212b32;
  }
}
.nhsuk-header--white .nhsuk-header__search-toggle,
.nhsuk-header--white .nhsuk-header__menu-toggle {
  border-color: #005eb8;
  color: #005eb8;
}
.nhsuk-header--white .nhsuk-header__search-toggle .nhsuk-icon,
.nhsuk-header--white .nhsuk-header__menu-toggle .nhsuk-icon {
  fill: #005eb8;
}
.nhsuk-header--white .nhsuk-header__search-toggle.is-active, .nhsuk-header--white .nhsuk-header__search-toggle:hover,
.nhsuk-header--white .nhsuk-header__menu-toggle.is-active,
.nhsuk-header--white .nhsuk-header__menu-toggle:hover {
  border-color: #004b93;
  color: #ffffff;
}
.nhsuk-header--white .nhsuk-header__search-toggle.is-active .nhsuk-icon, .nhsuk-header--white .nhsuk-header__search-toggle:hover .nhsuk-icon,
.nhsuk-header--white .nhsuk-header__menu-toggle.is-active .nhsuk-icon,
.nhsuk-header--white .nhsuk-header__menu-toggle:hover .nhsuk-icon {
  fill: #ffffff;
}
.nhsuk-header--white .nhsuk-header__search-toggle:focus,
.nhsuk-header--white .nhsuk-header__menu-toggle:focus {
  color: #212b32;
}
.nhsuk-header--white .nhsuk-header__search-toggle:focus .nhsuk-icon,
.nhsuk-header--white .nhsuk-header__menu-toggle:focus .nhsuk-icon {
  fill: #212b32;
}
@media (max-width: 40.0525em) {
  .nhsuk-header--white .nhsuk-header__search-form {
    padding-top: 0;
  }
}
.nhsuk-header--white .nhsuk-organisation-name {
  color: #000;
  /* [9] */
  /* stylelint-disable-line color-no-hex */
}
.nhsuk-header--white .nhsuk-organisation-descriptor {
  color: #005eb8;
}
.nhsuk-header--white .nhsuk-header__transactional-service-name--link {
  color: #212b32;
}
.nhsuk-header--white .nhsuk-header__navigation-list {
  border-top: 0;
}
.nhsuk-header--white .nhsuk-header__service-name {
  color: #212b32;
}

.nhsuk-header--white-nav .nhsuk-header__navigation {
  background-color: #ffffff;
}
.nhsuk-header--white-nav .nhsuk-header__navigation .nhsuk-header__navigation-list {
  border-top: 1px solid #f0f4f5;
}
.nhsuk-header--white-nav .nhsuk-header__navigation .nhsuk-header__navigation-link {
  color: #005eb8;
}
.nhsuk-header--white-nav .nhsuk-header__navigation .nhsuk-header__navigation-link:visited {
  color: #005eb8;
}
.nhsuk-header--white-nav .nhsuk-header__navigation .nhsuk-header__navigation-link:focus {
  color: #212b32;
}
.nhsuk-header--white-nav .nhsuk-header__navigation .nhsuk-header__navigation-link:focus:hover {
  background: #ffeb3b;
}

/* ==========================================================================
   COMPONENTS / #HERO
   ========================================================================== */
/**
 *  Hero component shared styles.
 *
 * 1. Position relative to support the description
 *    appearing over the image.
 * 2. Adds a border between the header and hero, if required
 */
.nhsuk-hero {
  background-color: #005eb8;
  color: #ffffff;
  position: relative;
  /* [1] */
}
@media print {
  .nhsuk-hero {
    color: #212b32;
    fill: #212b32;
  }
  .nhsuk-hero:active, .nhsuk-hero:focus, .nhsuk-hero:visited {
    color: #212b32;
  }
}
.nhsuk-hero .nhsuk-hero--border {
  /* [2] */
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.nhsuk-hero__wrapper {
  padding-top: 48px;
  padding-bottom: 48px;
}
@media (min-width: 40.0625em) {
  .nhsuk-hero__wrapper {
    padding-top: 56px;
  }
}
@media (min-width: 40.0625em) {
  .nhsuk-hero__wrapper {
    padding-bottom: 56px;
  }
}

/**
 *  Hero component image styles
 *
 * 3. Center the background image.
 * 4. Stop the height affecting print stylesheets.
 * 5. Show more of the image for larger screen sizes
 * 6. Overlay must be min same height as .nhsuk-hero--image to cover the image.
 * 7. Darken the background image with an overlay.
 * 12. Remove any heights/min heights in Windows high contrast mode.
 */
.nhsuk-hero--image {
  background-position: center right;
  /* [3] */
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen {
  .nhsuk-hero--image {
    /* [4] */
    min-height: 200px;
  }
}
@media only screen and (min-width: 40.0625em) {
  .nhsuk-hero--image {
    /* [4] */
    min-height: 320px;
    /* [5] */
  }
  .nhsuk-hero--image .nhsuk-hero__overlay {
    height: 320px;
    /* [6] */
  }
}
@media screen and (-ms-high-contrast: active) {
  .nhsuk-hero--image {
    min-height: 0;
    /* [12] */
  }
}
.nhsuk-hero--image .nhsuk-hero__overlay {
  background-color: rgba(0, 47, 92, 0.1);
  /* [7] */
}
@media only screen {
  .nhsuk-hero--image .nhsuk-hero__overlay {
    /* [4] */
    min-height: 200px;
    /* [6] */
  }
}
@media screen and (-ms-high-contrast: active) {
  .nhsuk-hero--image .nhsuk-hero__overlay {
    height: auto;
    /* [12] */
    min-height: 0;
    /* [12] */
  }
}

/**
 *  Hero component description styles.
 *
 * 8. 'Random number' for the triangle.
 * 9. 'Random number' for the triangle positioning.
 * 10. Needed to enable the triangle to show correctly in high contrast mode.
 * 11. Give the description box a max width.
 * 13. Remove the arrow in Windows high contrast mode.
 * 14. Reduce spacing and change positioning for Windows high contrast mode.
 * 15. Prevent text breaking out of box on smaller sizes
 */
.nhsuk-hero--image-description .nhsuk-hero-content {
  background-color: #005eb8;
  color: #ffffff;
  margin-bottom: 24px;
  padding: 24px;
  position: relative;
  top: 70px;
}
.nhsuk-hero--image-description .nhsuk-hero-content .nhsuk-hero__arrow {
  bottom: -10px;
  /* [8] */
  display: block;
  height: 20px;
  /* [8] */
  left: 32px;
  /* [9] */
  overflow: hidden;
  position: absolute;
  transform: rotate(45deg);
  width: 20px;
  /* [8] */
}
@media print {
  .nhsuk-hero--image-description .nhsuk-hero-content .nhsuk-hero__arrow {
    display: none;
  }
}
@media (min-width: 40.0625em) {
  .nhsuk-hero--image-description .nhsuk-hero-content .nhsuk-hero__arrow {
    left: 46px;
    /* [9] */
  }
}
.nhsuk-hero--image-description .nhsuk-hero-content .nhsuk-hero__arrow:before, .nhsuk-hero--image-description .nhsuk-hero-content .nhsuk-hero__arrow:after {
  border: solid 32px #005eb8;
  /* [8] */
  content: "";
  display: block;
  height: 0;
  position: absolute;
  top: 0;
  transform: rotate(45deg);
  /* [10] */
  width: 0;
}
@media screen and (-ms-high-contrast: active) {
  .nhsuk-hero--image-description .nhsuk-hero-content .nhsuk-hero__arrow {
    display: none;
    /* [13] */
  }
}
@media (min-width: 23.4375em) {
  .nhsuk-hero--image-description .nhsuk-hero-content {
    /* [15] */
    width: 85%;
  }
}
@media (min-width: 40.0625em) {
  .nhsuk-hero--image-description .nhsuk-hero-content {
    bottom: -48px;
    /* [8] */
    margin-bottom: 0;
    max-width: 35em;
    /* [11] */
    padding: 32px 40px;
    position: absolute;
    top: auto;
  }
  .nhsuk-hero--image-description .nhsuk-hero-content > *:first-child {
    margin-top: 0;
  }
  .nhsuk-hero--image-description .nhsuk-hero-content > *:last-child {
    margin-bottom: 0;
  }
}
@media print {
  .nhsuk-hero--image-description .nhsuk-hero-content {
    color: #212b32;
    max-width: 100%;
    padding: 0;
  }
}
@media screen and (-ms-high-contrast: active) {
  .nhsuk-hero--image-description .nhsuk-hero-content {
    /* [14] */
    bottom: 0;
    margin-bottom: 0;
    min-height: 0;
    padding: 32px 0 0;
    position: relative;
    top: 0;
  }
}

/* ==========================================================================
   COMPONENTS/ #HINT
   ========================================================================== */
.nhsuk-hint {
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  color: #4c6272;
  display: block;
  margin-bottom: 16px;
}
@media (min-width: 40.0625em) {
  .nhsuk-hint {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.47368;
  }
}
@media print {
  .nhsuk-hint {
    font-size: 14pt;
    line-height: 1.15;
  }
}

.nhsuk-label:not(.nhsuk-label--m):not(.nhsuk-label--l):not(.nhsuk-label--xl) + .nhsuk-hint, .tingle-modal-box .ginput_container_radio .gfield_radio li label:not(.nhsuk-label--m):not(.nhsuk-label--l):not(.nhsuk-label--xl) + .nhsuk-hint, .tingle-modal-box .ginput_container_checkbox .gfield_checkbox li label:not(.nhsuk-label--m):not(.nhsuk-label--l):not(.nhsuk-label--xl) + .nhsuk-hint {
  margin-bottom: 8px;
}

.nhsuk-fieldset__legend:not(.nhsuk-fieldset__legend--m):not(.nhsuk-fieldset__legend--l):not(.nhsuk-fieldset__legend--xl) + .nhsuk-hint {
  margin-bottom: 8px;
}

.nhsuk-fieldset__legend + .nhsuk-hint {
  margin-top: -4px;
}

/* ==========================================================================
   COMPONENTS / #IMAGES
   ========================================================================== */
/**
 * 1. Overrides default browser margin values.
 * 2. Makes the image width two thirds of its container for desktop.
 * 3. Avoid image printing full width of a page.
 * 4. Removes top margin from subsequent nhsuk-image.
 */
.nhsuk-image, .is-style-nhsuk-image {
  background-color: #ffffff;
  border-bottom: 1px solid #d8dde0;
  margin-left: 0;
  /* [1] */
  margin-right: 0;
  /* [1] */
  margin-bottom: 32px;
  margin-top: 32px;
}
@media (min-width: 40.0625em) {
  .nhsuk-image, .is-style-nhsuk-image {
    margin-bottom: 40px;
  }
}
@media (min-width: 40.0625em) {
  .nhsuk-image, .is-style-nhsuk-image {
    margin-top: 40px;
  }
}
@media (min-width: 48.0625em) {
  .nhsuk-image, .is-style-nhsuk-image {
    width: 66.66667%;
    /* [2] */
  }
}
@media print {
  .nhsuk-image, .is-style-nhsuk-image {
    width: 50%;
    /* [3] */
  }
}
.nhsuk-image + .nhsuk-image, .is-style-nhsuk-image + .nhsuk-image, .nhsuk-image + .is-style-nhsuk-image, .is-style-nhsuk-image + .is-style-nhsuk-image {
  margin-top: 0;
  /* [4] */
}
@media (min-width: 40.0625em) {
  .nhsuk-image + .nhsuk-image, .is-style-nhsuk-image + .nhsuk-image, .nhsuk-image + .is-style-nhsuk-image, .is-style-nhsuk-image + .is-style-nhsuk-image {
    margin-top: 0;
  }
}

.nhsuk-image__img, .nhsuk-image img, .is-style-nhsuk-image img {
  display: block;
  width: 100%;
}

.nhsuk-image__caption, .gallery-caption, .nhsuk-image figcaption, .is-style-nhsuk-image figcaption {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.71429;
  padding: 16px;
}
@media (min-width: 40.0625em) {
  .nhsuk-image__caption, .gallery-caption, .nhsuk-image figcaption, .is-style-nhsuk-image figcaption {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
  }
}
@media print {
  .nhsuk-image__caption, .gallery-caption, .nhsuk-image figcaption, .is-style-nhsuk-image figcaption {
    font-size: 14pt;
    line-height: 1.2;
  }
}

/* ==========================================================================
   COMPONENTS/ #INPUT
   ========================================================================== */
/**
 * 1. Disable inner shadow and remove rounded corners
 * 2. setting any background-color makes text invisible when changing colours to dark
 *    backgrounds in Firefox (https://bugzilla.mozilla.org/show_bug.cgi?id=1335476)
 *    as background-color and color need to always be set together, color should
 *    not be set either.
 */
.nhsuk-input, input[type=text]:not(.nhsuk-search__input),
input[type=email],
input[type=url],
input[type=password],
input[type=search]:not(.nhsuk-search__input),
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
.learndash-wrapper .wpProQuiz_content input:focus[type=text],
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem label input.wpProQuiz_questionInput[type=text],
textarea {
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  -moz-appearance: none;
  /* 1 */
  -webkit-appearance: none;
  /* 1 */
  appearance: none;
  /* 1 */
  border: 2px solid #4c6272;
  /* 2 */
  border-radius: 0;
  box-sizing: border-box;
  height: 40px;
  margin-top: 0;
  padding: 4px;
  width: 100%;
}
@media (min-width: 40.0625em) {
  .nhsuk-input, input[type=text]:not(.nhsuk-search__input),
input[type=email],
input[type=url],
input[type=password],
input[type=search]:not(.nhsuk-search__input),
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
.learndash-wrapper .wpProQuiz_content input:focus[type=text],
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem label input.wpProQuiz_questionInput[type=text],
textarea {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.47368;
  }
}
@media print {
  .nhsuk-input, input[type=text]:not(.nhsuk-search__input),
input[type=email],
input[type=url],
input[type=password],
input[type=search]:not(.nhsuk-search__input),
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
.learndash-wrapper .wpProQuiz_content input:focus[type=text],
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem label input.wpProQuiz_questionInput[type=text],
textarea {
    font-size: 14pt;
    line-height: 1.15;
  }
}
.nhsuk-input:focus, input[type=text]:focus:not(.nhsuk-search__input),
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus:not(.nhsuk-search__input),
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
.learndash-wrapper .wpProQuiz_content input[type=text]:focus,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem label input.wpProQuiz_questionInput[type=text]:focus,
textarea:focus {
  border: 2px solid #212b32;
  box-shadow: inset 0 0 0 2px;
  outline: 4px solid #ffeb3b;
  /* 1 */
  outline-offset: 0;
}

.nhsuk-input::-webkit-outer-spin-button, input[type=text]:not(.nhsuk-search__input)::-webkit-outer-spin-button,
input[type=email]::-webkit-outer-spin-button,
input[type=url]::-webkit-outer-spin-button,
input[type=password]::-webkit-outer-spin-button,
input[type=search]:not(.nhsuk-search__input)::-webkit-outer-spin-button,
input[type=number]::-webkit-outer-spin-button,
input[type=tel]::-webkit-outer-spin-button,
input[type=range]::-webkit-outer-spin-button,
input[type=date]::-webkit-outer-spin-button,
input[type=month]::-webkit-outer-spin-button,
input[type=week]::-webkit-outer-spin-button,
input[type=time]::-webkit-outer-spin-button,
input[type=datetime]::-webkit-outer-spin-button,
input[type=datetime-local]::-webkit-outer-spin-button,
input[type=color]::-webkit-outer-spin-button,
.learndash-wrapper .wpProQuiz_content input[type=text]:focus::-webkit-outer-spin-button,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem label input.wpProQuiz_questionInput[type=text]::-webkit-outer-spin-button,
textarea::-webkit-outer-spin-button,
.nhsuk-input::-webkit-inner-spin-button,
input[type=text]:not(.nhsuk-search__input)::-webkit-inner-spin-button,
input[type=email]::-webkit-inner-spin-button,
input[type=url]::-webkit-inner-spin-button,
input[type=password]::-webkit-inner-spin-button,
input[type=search]:not(.nhsuk-search__input)::-webkit-inner-spin-button,
input[type=number]::-webkit-inner-spin-button,
input[type=tel]::-webkit-inner-spin-button,
input[type=range]::-webkit-inner-spin-button,
input[type=date]::-webkit-inner-spin-button,
input[type=month]::-webkit-inner-spin-button,
input[type=week]::-webkit-inner-spin-button,
input[type=time]::-webkit-inner-spin-button,
input[type=datetime]::-webkit-inner-spin-button,
input[type=datetime-local]::-webkit-inner-spin-button,
input[type=color]::-webkit-inner-spin-button,
.learndash-wrapper .wpProQuiz_content input[type=text]:focus::-webkit-inner-spin-button,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem label input.wpProQuiz_questionInput[type=text]::-webkit-inner-spin-button,
textarea::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.nhsuk-input[type=number], input[type=number][type=text]:not(.nhsuk-search__input),
input[type=number][type=search]:not(.nhsuk-search__input),
input[type=number],
.learndash-wrapper .wpProQuiz_content input[type=number][type=text]:focus,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem label input[type=number].wpProQuiz_questionInput[type=text],
textarea[type=number] {
  /* stylelint-disable-line string-quotes */
  -moz-appearance: textfield;
}

.nhsuk-input--error {
  border: 4px solid #d5281b;
}

.nhsuk-input--width-30 {
  max-width: 59ex;
}

.nhsuk-input--width-20 {
  max-width: 41ex;
}

.nhsuk-input--width-10 {
  max-width: 23ex;
}

.nhsuk-input--width-5 {
  max-width: 10.8ex;
}

.nhsuk-input--width-4 {
  max-width: 9ex;
}

.nhsuk-input--width-3 {
  max-width: 7.2ex;
}

.nhsuk-input--width-2 {
  max-width: 5.4ex;
}

/* ==========================================================================
   COMPONENTS / #INSET-TEXT
   ========================================================================== */
/**
 * 1. Removes top margin from first element and bottom margin from last,
 *    to ensure correct spacing within the component.
 * 2. Restricts the width of the text to optimise the line length for
 *    readability.
 */
.nhsuk-inset-text {
  /* [1] */
  max-width: 44em;
  /* [2] */
  margin-bottom: 40px;
  margin-top: 40px;
  padding: 16px;
  border-left: 8px solid #005eb8;
}
.nhsuk-inset-text > *:first-child {
  margin-top: 0;
}
.nhsuk-inset-text > *:last-child {
  margin-bottom: 0;
}
@media (min-width: 40.0625em) {
  .nhsuk-inset-text {
    margin-bottom: 48px;
  }
}
@media (min-width: 40.0625em) {
  .nhsuk-inset-text {
    margin-top: 48px;
  }
}
@media (min-width: 40.0625em) {
  .nhsuk-inset-text {
    padding: 24px;
  }
}
@media print {
  .nhsuk-inset-text {
    border-color: #212b32;
  }
}

/* ==========================================================================
   COMPONENTS/ #LABEL
   ========================================================================== */
.nhsuk-label, .tingle-modal-box .ginput_container_radio .gfield_radio li label, .tingle-modal-box .ginput_container_checkbox .gfield_checkbox li label {
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  display: block;
  margin-bottom: 4px;
}
@media (min-width: 40.0625em) {
  .nhsuk-label, .tingle-modal-box .ginput_container_radio .gfield_radio li label, .tingle-modal-box .ginput_container_checkbox .gfield_checkbox li label {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.47368;
  }
}
@media print {
  .nhsuk-label, .tingle-modal-box .ginput_container_radio .gfield_radio li label, .tingle-modal-box .ginput_container_checkbox .gfield_checkbox li label {
    font-size: 14pt;
    line-height: 1.15;
  }
}

/* Modifiers that make labels look more like their equivalent headings */
.nhsuk-label--xl {
  font-size: 32px;
  font-size: 2rem;
  line-height: 1.25;
  display: block;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 40px;
}
@media (min-width: 40.0625em) {
  .nhsuk-label--xl {
    font-size: 48px;
    font-size: 3rem;
    line-height: 1.16667;
  }
}
@media print {
  .nhsuk-label--xl {
    font-size: 32pt;
    line-height: 1.15;
  }
}
@media (min-width: 40.0625em) {
  .nhsuk-label--xl {
    margin-bottom: 48px;
  }
}

.nhsuk-label--l {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.33333;
  display: block;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 16px;
}
@media (min-width: 40.0625em) {
  .nhsuk-label--l {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.25;
  }
}
@media print {
  .nhsuk-label--l {
    font-size: 24pt;
    line-height: 1.05;
  }
}
@media (min-width: 40.0625em) {
  .nhsuk-label--l {
    margin-bottom: 24px;
  }
}

.nhsuk-label--m {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.4;
  display: block;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 16px;
}
@media (min-width: 40.0625em) {
  .nhsuk-label--m {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.33333;
  }
}
@media print {
  .nhsuk-label--m {
    font-size: 18pt;
    line-height: 1.15;
  }
}
@media (min-width: 40.0625em) {
  .nhsuk-label--m {
    margin-bottom: 24px;
  }
}

.nhsuk-label--s {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  display: block;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 16px;
}
@media (min-width: 40.0625em) {
  .nhsuk-label--s {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.47368;
  }
}
@media print {
  .nhsuk-label--s {
    font-size: 14pt;
    line-height: 1.15;
  }
}
@media (min-width: 40.0625em) {
  .nhsuk-label--s {
    margin-bottom: 24px;
  }
}

.nhsuk-label-wrapper {
  margin: 0;
}

/* ==========================================================================
   COMPONENTS / #PAGINATION
   ========================================================================== */
/**
 * 1. Padding to give the icon spacing.
 * 2. Append the word 'page' after next and
 *    previous on print stylesheets to make it easier
 *    to understand in print context.
 */
.nhsuk-pagination {
  margin-top: 40px;
  margin-bottom: 40px;
}
@media (min-width: 40.0625em) {
  .nhsuk-pagination {
    margin-top: 48px;
  }
}
@media (min-width: 40.0625em) {
  .nhsuk-pagination {
    margin-bottom: 48px;
  }
}

.nhsuk-pagination__list:after {
  clear: both;
  content: "";
  display: block;
}

.nhsuk-pagination-item--previous {
  float: left;
  text-align: left;
  width: 50%;
}
.nhsuk-pagination-item--previous .nhsuk-icon {
  left: -6px;
}
.nhsuk-pagination-item--previous .nhsuk-pagination__title {
  padding-left: 32px;
  /* [1] */
}

.nhsuk-pagination-item--next {
  float: right;
  text-align: right;
  width: 50%;
}
.nhsuk-pagination-item--next .nhsuk-icon {
  right: -6px;
}
.nhsuk-pagination-item--next .nhsuk-pagination__title {
  padding-right: 32px;
  /* [1] */
}

.nhsuk-pagination__link {
  display: block;
  position: relative;
  text-decoration: none;
  width: 100%;
}
@media print {
  .nhsuk-pagination__link {
    color: #212b32;
  }
}
.nhsuk-pagination__link .nhsuk-icon {
  position: absolute;
  top: -2px;
}
@media print {
  .nhsuk-pagination__link .nhsuk-icon {
    color: #212b32;
    margin-top: 0;
  }
}
.nhsuk-pagination__link:hover {
  color: #7C2855;
}
.nhsuk-pagination__link:hover .nhsuk-icon {
  fill: #7C2855;
}
.nhsuk-pagination__link:hover .nhsuk-pagination__page {
  text-decoration: none;
}
.nhsuk-pagination__link:focus {
  background-color: #ffeb3b;
  box-shadow: 0 -2px #ffeb3b, 0 4px #212b32;
  color: #212b32;
  outline: 4px solid transparent;
  text-decoration: none;
}
.nhsuk-pagination__link:focus .nhsuk-pagination__page {
  text-decoration: none;
}
.nhsuk-pagination__link:focus:visited .nhsuk-icon, .nhsuk-pagination__link:focus:hover .nhsuk-icon, .nhsuk-pagination__link:focus:active .nhsuk-icon {
  fill: #212b32;
}
.nhsuk-pagination__link:visited .nhsuk-icon {
  fill: #330072;
}
.nhsuk-pagination__link:visited:hover .nhsuk-icon {
  fill: #7C2855;
}
.nhsuk-pagination__link:visited:focus .nhsuk-icon {
  fill: #212b32;
}

.nhsuk-pagination__title {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.4;
  display: block;
}
@media (min-width: 40.0625em) {
  .nhsuk-pagination__title {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.33333;
  }
}
@media print {
  .nhsuk-pagination__title {
    font-size: 18pt;
    line-height: 1.15;
  }
}
@media print {
  .nhsuk-pagination__title:after {
    content: " page";
    /* [2] */
  }
}

.nhsuk-pagination__page {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.71429;
  display: block;
  text-decoration: underline;
}
@media (min-width: 40.0625em) {
  .nhsuk-pagination__page {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
  }
}
@media print {
  .nhsuk-pagination__page {
    font-size: 14pt;
    line-height: 1.2;
  }
}

/* ==========================================================================
   COMPONENTS/ #RADIOS
   ========================================================================== */
/**
 * 1. remove 300ms pause on mobile.
 * 2. Fix bug in IE11 caused by transform rotate (-45deg).
 */
.nhsuk-radios__item, .tingle-modal-box .ginput_container_radio .gfield_radio li {
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  clear: left;
  display: block;
  margin-bottom: 8px;
  min-height: 40px;
  padding: 0 0 0 40px;
  position: relative;
}
@media (min-width: 40.0625em) {
  .nhsuk-radios__item, .tingle-modal-box .ginput_container_radio .gfield_radio li {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.47368;
  }
}
@media print {
  .nhsuk-radios__item, .tingle-modal-box .ginput_container_radio .gfield_radio li {
    font-size: 14pt;
    line-height: 1.15;
  }
}

.nhsuk-radios__item:last-child, .tingle-modal-box .ginput_container_radio .gfield_radio li:last-child,
.nhsuk-radios__item:last-of-type,
.tingle-modal-box .ginput_container_radio .gfield_radio li:last-of-type {
  margin-bottom: 0;
}

.nhsuk-radios__input, .tingle-modal-box .ginput_container_radio .gfield_radio li input {
  cursor: pointer;
  height: 40px;
  left: 0;
  margin: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 40px;
  z-index: 1;
}

.nhsuk-radios__label, .tingle-modal-box .ginput_container_radio .gfield_radio li label {
  cursor: pointer;
  display: inline-block;
  margin-bottom: 0;
  padding: 8px 12px 4px;
  -ms-touch-action: manipulation;
  /* 1 */
  touch-action: manipulation;
  /* 1 */
}

.nhsuk-radios__hint {
  display: block;
  padding-left: 12px;
  padding-right: 12px;
}

.nhsuk-radios__input + .nhsuk-radios__label::before, .tingle-modal-box .ginput_container_radio .gfield_radio li .nhsuk-radios__input + label::before, .tingle-modal-box .ginput_container_radio .gfield_radio li input + .nhsuk-radios__label::before, .tingle-modal-box .ginput_container_radio .gfield_radio li input + label::before {
  background: #ffffff;
  border: 2px solid #4c6272;
  border-radius: 50%;
  box-sizing: border-box;
  content: "";
  height: 40px;
  left: 0;
  position: absolute;
  top: 0;
  width: 40px;
}

.nhsuk-radios__input + .nhsuk-radios__label::after, .tingle-modal-box .ginput_container_radio .gfield_radio li .nhsuk-radios__input + label::after, .tingle-modal-box .ginput_container_radio .gfield_radio li input + .nhsuk-radios__label::after, .tingle-modal-box .ginput_container_radio .gfield_radio li input + label::after {
  background: #4c6272;
  border: 10px solid #212b32;
  border-radius: 50%;
  content: "";
  height: 0;
  left: 10px;
  opacity: 0;
  position: absolute;
  top: 10px;
  width: 0;
}

/**
 * Focus state
 *
 * 1. Since box-shadows are removed when users customise their colours
 *    We set a transparent outline that is shown instead.
 *    https://accessibility.blog.gov.uk/2017/03/27/how-users-change-colours-on-websites/
 */
.nhsuk-radios__input:focus + .nhsuk-radios__label::before, .tingle-modal-box .ginput_container_radio .gfield_radio li .nhsuk-radios__input:focus + label::before, .tingle-modal-box .ginput_container_radio .gfield_radio li input:focus + .nhsuk-radios__label::before, .tingle-modal-box .ginput_container_radio .gfield_radio li input:focus + label::before {
  border: 4px solid #212b32;
  box-shadow: 0 0 0 4px #ffeb3b;
}

/* Selected state */
.nhsuk-radios__input:checked + .nhsuk-radios__label::after, .tingle-modal-box .ginput_container_radio .gfield_radio li .nhsuk-radios__input:checked + label::after, .tingle-modal-box .ginput_container_radio .gfield_radio li input:checked + .nhsuk-radios__label::after, .tingle-modal-box .ginput_container_radio .gfield_radio li input:checked + label::after {
  opacity: 1;
}

/* Disabled state */
.nhsuk-radios__input:disabled, .tingle-modal-box .ginput_container_radio .gfield_radio li input:disabled,
.nhsuk-radios__input:disabled + .nhsuk-radios__label,
.tingle-modal-box .ginput_container_radio .gfield_radio li .nhsuk-radios__input:disabled + label,
.tingle-modal-box .ginput_container_radio .gfield_radio li input:disabled + .nhsuk-radios__label,
.tingle-modal-box .ginput_container_radio .gfield_radio li input:disabled + label {
  cursor: default;
}

.nhsuk-radios__input:disabled + .nhsuk-radios__label, .tingle-modal-box .ginput_container_radio .gfield_radio li .nhsuk-radios__input:disabled + label, .tingle-modal-box .ginput_container_radio .gfield_radio li input:disabled + .nhsuk-radios__label, .tingle-modal-box .ginput_container_radio .gfield_radio li input:disabled + label {
  opacity: 0.5;
}

/*
 * Inline variant
 *
 * 1. Prevent inline modifier being used with conditional reveals
 */
@media (min-width: 40.0625em) {
  .nhsuk-radios--inline:after {
    clear: both;
    content: "";
    display: block;
  }
  .nhsuk-radios--inline .nhsuk-radios__item, .nhsuk-radios--inline .tingle-modal-box .ginput_container_radio .gfield_radio li, .tingle-modal-box .ginput_container_radio .gfield_radio .nhsuk-radios--inline li {
    clear: none;
    float: left;
    margin-right: 24px;
  }
}
.nhsuk-radios--inline.nhsuk-radios--conditional {
  /* 1 */
}
.nhsuk-radios--inline.nhsuk-radios--conditional .nhsuk-radios__item, .nhsuk-radios--inline.nhsuk-radios--conditional .tingle-modal-box .ginput_container_radio .gfield_radio li, .tingle-modal-box .ginput_container_radio .gfield_radio .nhsuk-radios--inline.nhsuk-radios--conditional li {
  float: none;
  margin-right: 0;
}

/* Divider variant */
.nhsuk-radios__divider {
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  color: #212b32;
  margin-bottom: 8px;
  text-align: center;
  width: 40px;
}
@media (min-width: 40.0625em) {
  .nhsuk-radios__divider {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.47368;
  }
}
@media print {
  .nhsuk-radios__divider {
    font-size: 14pt;
    line-height: 1.15;
  }
}

/* Conditional */
.nhsuk-radios__conditional {
  margin-bottom: 16px;
  border-left: 4px solid #4c6272;
  margin-left: 18px;
  padding-left: 30px;
}
@media (min-width: 40.0625em) {
  .nhsuk-radios__conditional {
    margin-bottom: 24px;
  }
}
.nhsuk-radios__conditional > :last-child {
  margin-bottom: 0;
}

.js-enabled .nhsuk-radios__conditional--hidden {
  display: none;
}

/* ==========================================================================
   COMPONENTS/ #SELECT
   ========================================================================== */
.nhsuk-select, .tribe-tickets-rsvp select {
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  border: 2px solid #4c6272;
  box-sizing: border-box;
  height: 40px;
  max-width: 100%;
  padding: 4px;
}
@media (min-width: 40.0625em) {
  .nhsuk-select, .tribe-tickets-rsvp select {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.47368;
  }
}
@media print {
  .nhsuk-select, .tribe-tickets-rsvp select {
    font-size: 14pt;
    line-height: 1.15;
  }
}
.nhsuk-select:focus, .tribe-tickets-rsvp select:focus {
  border: 2px solid #212b32;
  box-shadow: inset 0 0 0 2px;
  outline: 4px solid #ffeb3b;
  /* 1 */
  outline-offset: 0;
}

.nhsuk-select option:active, .tribe-tickets-rsvp select option:active,
.nhsuk-select option:checked,
.tribe-tickets-rsvp select option:checked,
.nhsuk-select:focus::-ms-value,
.tribe-tickets-rsvp select:focus::-ms-value {
  background-color: #005eb8;
  color: #ffffff;
}

.nhsuk-select--error {
  border: 4px solid #d5281b;
}

/* ==========================================================================
   COMPONENTS / #SKIP-LINK
   ========================================================================== */
/**
 * 1. Hides the skip link off the page,
 * 2. until the link gains focus from keyboard tabbing.
 */
.nhsuk-skip-link {
  left: -9999px;
  /* [1] */
  padding: 8px;
  position: absolute;
}
.nhsuk-skip-link:active, .nhsuk-skip-link:focus {
  left: 16px;
  /* [2] */
  top: 16px;
  z-index: 2;
}
.nhsuk-skip-link:visited {
  color: #212b32;
}

/* ==========================================================================
   COMPONENTS/ #SUMMARY-LIST
   ========================================================================== */
/**
 * Original code taken from GDS (Government Digital Service)
 * https://github.com/alphagov/govuk-frontend
 *
 * 1. Required to allow us to wrap words that overflow.
 * 2. Reset default user agent styles
 * 3. Automatic wrapping for unbreakable text (e.g. URLs)
 * 4. Fallback for older browsers only
 */
.nhsuk-summary-list {
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  margin: 0;
  /* [2] */
  margin-bottom: 32px;
}
@media (min-width: 40.0625em) {
  .nhsuk-summary-list {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.47368;
  }
}
@media print {
  .nhsuk-summary-list {
    font-size: 14pt;
    line-height: 1.15;
  }
}
@media (min-width: 40.0625em) {
  .nhsuk-summary-list {
    display: table;
    table-layout: fixed;
    /* [1] */
    width: 100%;
  }
}
@media (min-width: 40.0625em) {
  .nhsuk-summary-list {
    margin-bottom: 40px;
  }
}

@media (max-width: 40.0525em) {
  .nhsuk-summary-list__row {
    border-bottom: 1px solid #d8dde0;
    margin-bottom: 16px;
  }
}
@media (min-width: 40.0625em) {
  .nhsuk-summary-list__row {
    display: table-row;
  }
}

.nhsuk-summary-list__key,
.nhsuk-summary-list__value,
.nhsuk-summary-list__actions {
  margin: 0;
  /* [2] */
  vertical-align: top;
}
@media (min-width: 40.0625em) {
  .nhsuk-summary-list__key,
.nhsuk-summary-list__value,
.nhsuk-summary-list__actions {
    border-bottom: 1px solid #d8dde0;
    display: table-cell;
    padding-bottom: 8px;
    padding-right: 24px;
    padding-top: 8px;
  }
}

.nhsuk-summary-list__actions {
  margin-bottom: 16px;
}
@media (min-width: 40.0625em) {
  .nhsuk-summary-list__actions {
    padding-right: 0;
    text-align: right;
    width: 20%;
  }
}

.nhsuk-summary-list__key,
.nhsuk-summary-list__value {
  /* [3] */
  overflow-wrap: break-word;
  word-wrap: break-word;
  /* [4] */
}

.nhsuk-summary-list__key {
  font-weight: 600;
  margin-bottom: 4px;
}
@media (min-width: 40.0625em) {
  .nhsuk-summary-list__key {
    width: 30%;
  }
}

@media (max-width: 40.0525em) {
  .nhsuk-summary-list__value {
    margin-bottom: 16px;
  }
}
@media (min-width: 40.0625em) {
  .nhsuk-summary-list__value {
    width: 50%;
  }
}

.nhsuk-summary-list__value > p {
  margin-bottom: 8px;
}

.nhsuk-summary-list__value > :last-child {
  margin-bottom: 0;
}

.nhsuk-summary-list__actions-list {
  margin: 0;
  /* [2] */
  padding: 0;
  /* [2] */
  width: 100%;
}

.nhsuk-summary-list__actions-list-item {
  display: inline;
  margin-right: 8px;
  padding-right: 8px;
}

.nhsuk-summary-list__actions-list-item:not(:last-child) {
  border-right: 1px solid #d8dde0;
}

.nhsuk-summary-list__actions-list-item:last-child {
  border: 0;
  margin-right: 0;
  padding-right: 0;
}

.nhsuk-summary-list--no-border .nhsuk-summary-list__key,
.nhsuk-summary-list--no-border .nhsuk-summary-list__value,
.nhsuk-summary-list--no-border .nhsuk-summary-list__actions,
.nhsuk-summary-list--no-border .nhsuk-summary-list__row {
  border: 0;
}

/* ==========================================================================
   COMPONENTS / #TABLE
   ========================================================================== */
/**
 * Table container is used to ensure the table does not break the container.
 *
 * 1. Margin is removed so there isn't double spacing.
 */
.nhsuk-table-container {
  margin-bottom: 40px;
  display: block;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow-x: auto;
  width: 100%;
}
@media (min-width: 40.0625em) {
  .nhsuk-table-container {
    margin-bottom: 48px;
  }
}
.nhsuk-table-container .nhsuk-table {
  margin: 0;
  /* [1] */
}

/* Table row hover
========================================================================== */
/**
 * Table row hover is used to aid readability for users.
 */
.nhsuk-table__row:hover {
  background-color: #f0f4f5;
}

/* Table panel with tab heading
========================================================================== */
/**
 * 1. Margin is removed so there isn't double spacing.
 */
.nhsuk-table__panel-with-heading-tab {
  margin-bottom: 40px;
  margin-top: 40px;
  padding: 24px;
  background-color: #ffffff;
  color: #212b32;
  border: 1px solid #d8dde0;
  padding-top: 0 !important;
  /* stylelint-disable-line declaration-no-important */
}
.nhsuk-table__panel-with-heading-tab > *:first-child {
  margin-top: 0;
}
.nhsuk-table__panel-with-heading-tab > *:last-child {
  margin-bottom: 0;
}
@media (min-width: 40.0625em) {
  .nhsuk-table__panel-with-heading-tab {
    margin-bottom: 48px;
  }
}
@media (min-width: 40.0625em) {
  .nhsuk-table__panel-with-heading-tab {
    margin-top: 48px;
  }
}
@media (min-width: 40.0625em) {
  .nhsuk-table__panel-with-heading-tab {
    padding: 32px;
  }
}
@media print {
  .nhsuk-table__panel-with-heading-tab {
    border: 1px solid #212b32;
    page-break-inside: avoid;
  }
}
.nhsuk-table__panel-with-heading-tab .nhsuk-table-container,
.nhsuk-table__panel-with-heading-tab .nhsuk-table {
  margin: 0;
  /* [1] */
}

.nhsuk-table__heading-tab {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.4;
  background-color: #005eb8;
  color: #ffffff;
  display: inline-block;
  margin: 0 0 8px -33px;
  padding: 8px 32px;
  position: relative;
  top: -16px;
}
@media (min-width: 40.0625em) {
  .nhsuk-table__heading-tab {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.33333;
  }
}
@media print {
  .nhsuk-table__heading-tab {
    font-size: 18pt;
    line-height: 1.15;
  }
}
@media (max-width: 40.0525em) {
  .nhsuk-table__heading-tab {
    margin-left: -25px;
    margin-right: 0;
    padding: 8px 24px;
    top: -8px;
  }
}
@media print {
  .nhsuk-table__heading-tab {
    background: none;
    color: #212b32;
    top: 0;
  }
}

/* Responsive table
========================================================================== */
/**
 * 1. Hiding the thead on mobile
 * 2. Displaying the thead on desktop
 * 3. Removing default screen reader behaviour
 * 4. Assigning role of table-row on desktop to give default screen reader behaviour
 * 5. Using justify content to space out elements in the row on mobile
 * 6. Assigning a minimum width in case of black cell
 * 7. Aligning content to the right on mobile
 * 8. Aligning mobile header to left to split it from the data
 * 9. Hiding mobile specific header from desktop view
 * 10. Adding a display block value due to IE 11 not having full flex support
 */
.nhsuk-table-responsive, figure.is-style-nhsuk-table-responsive {
  margin-bottom: 0;
  width: 100%;
}
.nhsuk-table-responsive thead, figure.is-style-nhsuk-table-responsive thead {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  /* [1] */
}
@media (min-width: 48.0625em) {
  .nhsuk-table-responsive thead, figure.is-style-nhsuk-table-responsive thead {
    clip: auto;
    -webkit-clip-path: initial;
    clip-path: initial;
    display: table-header-group;
    height: auto;
    overflow: auto;
    position: relative;
    width: auto;
    /* [2] */
  }
}
.nhsuk-table-responsive .nhsuk-table__body .nhsuk-table-responsive__heading, figure.is-style-nhsuk-table-responsive .nhsuk-table__body .nhsuk-table-responsive__heading {
  font-weight: 600;
  padding-right: 16px;
  text-align: left;
  /* [8] */
}
@media (min-width: 48.0625em) {
  .nhsuk-table-responsive .nhsuk-table__body .nhsuk-table-responsive__heading, figure.is-style-nhsuk-table-responsive .nhsuk-table__body .nhsuk-table-responsive__heading {
    display: none;
    /* [9] */
  }
}
.nhsuk-table-responsive .nhsuk-table__body .nhsuk-table__row, figure.is-style-nhsuk-table-responsive .nhsuk-table__body .nhsuk-table__row {
  display: block;
  /* [3] */
  margin-bottom: 24px;
}
.nhsuk-table-responsive .nhsuk-table__body .nhsuk-table__row:last-child, figure.is-style-nhsuk-table-responsive .nhsuk-table__body .nhsuk-table__row:last-child {
  margin-bottom: 0;
}
@media (min-width: 48.0625em) {
  .nhsuk-table-responsive .nhsuk-table__body .nhsuk-table__row, figure.is-style-nhsuk-table-responsive .nhsuk-table__body .nhsuk-table__row {
    display: table-row;
    /* [4] */
  }
}
.nhsuk-table-responsive .nhsuk-table__body .nhsuk-table__row th, figure.is-style-nhsuk-table-responsive .nhsuk-table__body .nhsuk-table__row th {
  text-align: right;
}
@media (min-width: 48.0625em) {
  .nhsuk-table-responsive .nhsuk-table__body .nhsuk-table__row th, figure.is-style-nhsuk-table-responsive .nhsuk-table__body .nhsuk-table__row th {
    text-align: left;
  }
}
.nhsuk-table-responsive .nhsuk-table__body .nhsuk-table__row td, figure.is-style-nhsuk-table-responsive .nhsuk-table__body .nhsuk-table__row td {
  display: block;
  display: flex;
  justify-content: space-between;
  /* [5] */
  min-width: 1px;
  /* [6] */
}
@media all and (-ms-high-contrast: none) {
  .nhsuk-table-responsive .nhsuk-table__body .nhsuk-table__row td, figure.is-style-nhsuk-table-responsive .nhsuk-table__body .nhsuk-table__row td {
    /* [10] */
    display: block;
  }
}
@media (min-width: 48.0625em) {
  .nhsuk-table-responsive .nhsuk-table__body .nhsuk-table__row td, figure.is-style-nhsuk-table-responsive .nhsuk-table__body .nhsuk-table__row td {
    display: table-cell;
  }
}
@media (max-width: 48.0525em) {
  .nhsuk-table-responsive .nhsuk-table__body .nhsuk-table__row td, figure.is-style-nhsuk-table-responsive .nhsuk-table__body .nhsuk-table__row td {
    padding-right: 0;
    text-align: right;
    /* [7] */
  }
  .nhsuk-table-responsive .nhsuk-table__body .nhsuk-table__row td:last-child, figure.is-style-nhsuk-table-responsive .nhsuk-table__body .nhsuk-table__row td:last-child {
    border-bottom: 3px solid #d8dde0;
  }
}

/* Numeric tables
========================================================================== */
/**
 * Right aligns table cells for numeric tables.
 */
.nhsuk-table__header--numeric,
.nhsuk-table__cell--numeric {
  text-align: right;
}

/* ==========================================================================
   #TAG
   ========================================================================== */
.nhsuk-tag, .learndash-wrapper .ld-status {
  font-weight: 600;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1;
  background-color: #0055a6;
  border: 1px solid #0055a6;
  color: #ffffff;
  display: inline-block;
  outline: 2px solid transparent;
  outline-offset: -2px;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  text-decoration: none;
}
@media (min-width: 40.0625em) {
  .nhsuk-tag, .learndash-wrapper .ld-status {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1;
  }
}
@media print {
  .nhsuk-tag, .learndash-wrapper .ld-status {
    font-size: 14pt;
    line-height: 1;
  }
}

/* Colour variants
  ========================================================================== */
.nhsuk-tag--white, .nhsuk-tag.is-style-white, .learndash-wrapper .is-style-white.ld-status {
  background-color: #ffffff;
  border-color: #212b32;
  color: #212b32;
}

.nhsuk-tag--grey, .nhsuk-tag.is-style-grey, .learndash-wrapper .is-style-grey.ld-status {
  background-color: #dbe0e3;
  border-color: #354550;
  color: #354550;
}

.nhsuk-tag--green, .nhsuk-tag.is-style-green, .learndash-wrapper .is-style-green.ld-status {
  background-color: #cce5d8;
  border-color: #004c23;
  color: #004c23;
}

.nhsuk-tag--aqua-green, .nhsuk-tag.is-style-aqua-green, .learndash-wrapper .is-style-aqua-green.ld-status {
  background-color: #ccedeb;
  border-color: #00524d;
  color: #00524d;
}

.nhsuk-tag--blue {
  background-color: #ccdff1;
  border-color: #004281;
  color: #004281;
}

.nhsuk-tag--purple, .nhsuk-tag.is-style-purple, .learndash-wrapper .is-style-purple.ld-status {
  background-color: #d6cce3;
  border-color: #240050;
  color: #240050;
}

.nhsuk-tag--pink, .nhsuk-tag.is-style-pink, .learndash-wrapper .is-style-pink.ld-status {
  background-color: #efd3e3;
  border-color: #57133a;
  color: #57133a;
}

.nhsuk-tag--red, .nhsuk-tag.is-style-red, .learndash-wrapper .is-style-red.ld-status {
  background-color: #f7d4d1;
  border-color: #6b140e;
  color: #6b140e;
}

.nhsuk-tag--orange, .nhsuk-tag.is-style-orange, .learndash-wrapper .is-style-orange.ld-status {
  background-color: #ffdc8e;
  border-color: #4d3708;
  color: #4d3708;
}

.nhsuk-tag--yellow, .nhsuk-tag.is-style-yellow, .learndash-wrapper .is-style-yellow.ld-status, .learndash-wrapper .ld-status.ld-status-waiting {
  background-color: #fff59d;
  border-color: #4d4712;
  color: #4d4712;
}

/* Remove tag border
  ========================================================================== */
.nhsuk-tag--no-border {
  border: 0;
}

/* ==========================================================================
   COMPONENTS/ #TEXTAREA
   ========================================================================== */
.nhsuk-textarea {
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  -webkit-appearance: none;
  border: 2px solid #4c6272;
  border-radius: 0;
  box-sizing: border-box;
  display: block;
  min-height: 40px;
  padding: 4px;
  resize: vertical;
  width: 100%;
}
@media (min-width: 40.0625em) {
  .nhsuk-textarea {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.47368;
  }
}
@media print {
  .nhsuk-textarea {
    font-size: 14pt;
    line-height: 1.15;
  }
}
.nhsuk-textarea:focus {
  border: 2px solid #212b32;
  box-shadow: inset 0 0 0 2px;
  outline: 4px solid #ffeb3b;
  /* 1 */
  outline-offset: 0;
}

.nhsuk-textarea--error {
  border: 4px solid #d5281b;
}

/* ==========================================================================
   COMPONENTS / #WARNING-CALLOUT
   ========================================================================== */
/**
 * 1. Uses @mixin panel-with-label from tools/_mixins.
 * 2. Uses @mixin heading-label from tools/_mixins.
 */
.nhsuk-warning-callout {
  margin-bottom: 40px;
  margin-top: 40px;
  padding: 24px;
  background-color: #fff9c4;
  color: #212b32;
  border: 1px solid #ffeb3b;
  padding-top: 0 !important;
  /* stylelint-disable-line declaration-no-important */
  /* [1] */
}
.nhsuk-warning-callout > *:first-child {
  margin-top: 0;
}
.nhsuk-warning-callout > *:last-child {
  margin-bottom: 0;
}
@media (min-width: 40.0625em) {
  .nhsuk-warning-callout {
    margin-bottom: 48px;
  }
}
@media (min-width: 40.0625em) {
  .nhsuk-warning-callout {
    margin-top: 48px;
  }
}
@media (min-width: 40.0625em) {
  .nhsuk-warning-callout {
    padding: 32px;
  }
}
@media print {
  .nhsuk-warning-callout {
    border: 1px solid #212b32;
    page-break-inside: avoid;
  }
}

.nhsuk-warning-callout__label {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.4;
  background-color: #ffeb3b;
  color: #212b32;
  display: inline-block;
  margin: 0 0 8px -33px;
  padding: 8px 32px;
  position: relative;
  top: -16px;
  /* [2] */
}
@media (min-width: 40.0625em) {
  .nhsuk-warning-callout__label {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.33333;
  }
}
@media print {
  .nhsuk-warning-callout__label {
    font-size: 18pt;
    line-height: 1.15;
  }
}
@media (max-width: 40.0525em) {
  .nhsuk-warning-callout__label {
    margin-left: -25px;
    margin-right: 0;
    padding: 8px 24px;
    top: -8px;
  }
}
@media print {
  .nhsuk-warning-callout__label {
    background: none;
    color: #212b32;
    top: 0;
  }
}

/* Reusable mixin for a focus element outline */
/* Add a focus indicator for keyboard nav on clickable cards */
.nhsuk-card--clickable.focus-visible {
  border: 4px solid #ffeb3b;
  box-shadow: inset 0 0 0 4px #212b32;
}

/* add more obvious visual representation when dashboard elements are active on keyboard nav */
.nhsuk-dashboard .nhsuk-panel-group__item .nhsuk-promo__link-wrapper.focus-visible .nhsuk-panel-with-label, .nhsuk-dashboard .nhsuk-panel-group__item .nhsuk-promo__link-wrapper.focus-visible .nhsuk-panel.is-style-panel-with-label {
  border: 4px solid #ffeb3b;
  box-shadow: inset 0 0 0 4px #212b32;
}
.nhsuk-dashboard .nhsuk-panel-group__item .nhsuk-promo__link-wrapper.focus-visible .nhsuk-panel-with-label h3.nhsuk-panel-with-label__label, .nhsuk-panel.is-style-panel-with-label .nhsuk-dashboard .nhsuk-panel-group__item .nhsuk-promo__link-wrapper.focus-visible .nhsuk-panel-with-label h3, .nhsuk-dashboard .nhsuk-panel-group__item .nhsuk-promo__link-wrapper.focus-visible .nhsuk-panel.is-style-panel-with-label h3 {
  background-color: #ffeb3b;
  color: #212b32;
}

/* colour variable to be used with color-mixer.scss */
/* colour variable to be used with page-colour.scss & gutenberg-page-colour.scss */
.nhsuk-panel-group {
  margin-left: 0;
  margin-right: 0;
}

.nhsuk-image img, .is-style-nhsuk-image img {
  width: unset;
  max-width: 100%;
}
.nhsuk-textarea {
  min-height: 10rem;
  width: 100%;
}

.nhsuk-button--reverse:visited, .nhsuk-button.is-style-reverse:visited, #cookie-notice .cookie-notice-container #cn-notice-buttons .is-style-reverse.cn-button.bootstrap:visited, .tippy-popper .tippy-content .is-style-reverse.gv-approval-toggle:visited, .learndash-wrapper .is-style-reverse.ld-icon.ld-primary-background:visited, .learndash-wrapper .is-style-reverse.ld-expand-button:visited {
  color: #212b32;
}

.nhsuk-pagination .nhsuk-pagination__list .nhsuk-pagination-item--previous, .nhsuk-pagination .nhsuk-pagination__list .nhsuk-pagination-item--next {
  width: 30%;
}
.nhsuk-pagination .nhsuk-pagination__list .nhsuk-pagination-item {
  width: 8%;
  float: left;
}
.nhsuk-pagination .nhsuk-pagination__list .nhsuk-pagination__link:hover {
  box-shadow: 0 0 0 4px #ffeb3b inset;
}

.is-style-outline .wp-block-button__link {
  color: #005eb8;
}

#primary h1, #primary p, #primary .nhsuk-pagination__page {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
#primary footer .edit-link {
  text-decoration: none;
}
#primary footer .edit-link a {
  color: #005eb8;
}

#cookie-notice {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
}

#primary .page-content .nhsuk-header__search-toggle, #primary .page-content .nhsuk-search__close {
  display: none;
}
#primary .page-content .nhsuk-header__search-wrap {
  display: inline-block;
  width: 100%;
}
#primary .page-content .nhsuk-header__search-wrap .nhsuk-search__input {
  border: 2px solid #f0f4f5;
  border-radius: 4px 0 0 4px;
  float: left;
  max-width: 90%;
  margin: 0;
}
#primary .page-content .nhsuk-header__search-wrap .nhsuk-search__submit {
  float: left;
}
@media (max-width: 40.0525em) {
  #primary .page-content .nhsuk-header__search-wrap .nhsuk-search__input {
    max-width: 73%;
    margin: 0;
    height: 52px;
  }
}
#primary .widget-title a {
  color: #ffffff;
  text-decoration: none;
}

.nhsuk-content__clearfix {
  clear: both;
  margin-top: 1.5rem;
}

.nhsuk-grid-row.nhsuk-width-restrict {
  margin-left: 0;
  margin-right: 0;
  background: #f0f4f5;
}

.interim-login header, .interim-login footer {
  display: none;
}

.single-post #content #maincontent #contentinner #primary .featured-top {
  width: 100%;
}
.single-post #content #maincontent #contentinner #primary .featured-top .nhsuk-image img, .single-post #content #maincontent #contentinner #primary .featured-top .is-style-nhsuk-image img {
  margin-bottom: 24px;
}
.single-post #content #maincontent #contentinner #primary .featured-left {
  float: left;
  width: 33%;
  margin-right: 16px;
}
.single-post #content #maincontent #contentinner #primary .featured-right {
  float: right;
  width: 33%;
  margin-left: 16px;
}

/* Menu item right chevron (mobile): fix color when state is focus */
a:focus .nhsuk-icon {
  fill: #4c6272 !important;
}

.nhsuk-header.nhsuk-header--transactional .nhsuk-header__navigation {
  max-width: 100%;
}
@media (min-width: 48.0625em) {
  .nhsuk-header.nhsuk-header--organisation .nhsuk-header__link {
    max-width: 500px;
    float: left;
  }
}
.nhsuk-header a.nhsuk-header__link--service {
  display: contents;
  float: left;
}
.nhsuk-header.nhsuk-header--white .nhsuk-header__search-wrap input[type=search] {
  border: 2px solid #d8dde0;
}
.nhsuk-header.nhsuk-header--white .nhsuk-header__transactional-service-name--link {
  color: #005eb8;
  font-weight: 600;
}
.nhsuk-header.nhsuk-header--white .nhsuk-header__menu .nhsuk-header__menu-toggle {
  border: 2px solid #005eb8;
  color: #005eb8;
}
.nhsuk-header.nhsuk-header--white .nhsuk-header__menu .nhsuk-header__menu-toggle:hover {
  color: #ffffff;
}
.nhsuk-header.nhsuk-header--white .nhsuk-header__menu .nhsuk-header__menu-toggle.is-active {
  color: #ffffff;
  border: 0;
}

@media (max-width: 40.0525em) {
  .nhsuk-header.nhsuk-header--transactional .nhsuk-header__menu-toggle {
    top: -64px;
  }
}

/*
// variations to styling required for gutenberg native blocks
// @author Tony Blacker, NHS Leadership Academy
// @version 1.1 12th October 2019
*/
.nhsuk-grid-column-two-thirds.contentright {
  float: right;
  padding: 0 16px 0 16px;
}

.nhsuk-grid-column-two-thirds.contentleft {
  padding: 0 16px 0 16px;
}

.nhsuk-grid-column-full {
  padding: 0;
}

.nhsuk-grid-column-one-third, .nhsuk-grid-column-one-half, .nhsuk-grid-column-one-quarter {
  flex-flow: wrap;
}

.nhsuk-grid-column-width, .nhsuk-grid-column-full {
  clear: both;
}

/* login form customisation */
#login {
  padding-top: 0 !important;
  width: 90%;
}
#login #loginform {
  margin-top: 0;
  box-shadow: none;
  border: none;
}
#login #loginform #wp-submit {
  background-color: #007f3b;
  border: 2px solid transparent;
  border-radius: 4px;
  box-shadow: 0 4px 0 #006747;
  padding: 12px 16px;
  font-size: 1.1875rem;
  line-height: 1.47368;
}
#login #loginform label {
  font-size: 1.1875rem;
  line-height: 1.47368;
  font-weight: 400;
}

/* Extra Blog Styles */
.nhsuk-promo img.nhsuk-promo__img {
  padding: 0;
}

.nhsuk-promo__link-wrapper:hover {
  background-color: #ffffff;
  box-shadow: 0 0 0 4px #7C2855;
  color: #005eb8;
}

.nhsuk-grid-column-two-thirds.archive,
.nhsuk-grid-column-two-thirds.index {
  padding: 0 16px 0 0;
}

aside#secondary > section {
  margin-top: 0;
}

.nhsuk-icon__arrow-right-circle {
  vertical-align: middle;
}

.navigation {
  position: relative;
}

.nhsuk-pagination-item--previous,
.nhsuk-pagination-item--next {
  position: relative;
  z-index: 5;
}

.nhsuk-pagination-numbers {
  clear: both;
  text-align: center;
  border-top: 1px solid #aeb7bd;
  padding-top: 8px;
}
@media (min-width: 768px) {
  .nhsuk-pagination-numbers {
    border: none;
    position: absolute;
    width: 100%;
    padding-top: 0;
  }
}
.nhsuk-pagination-numbers a,
.nhsuk-pagination-numbers span {
  display: inline-block;
  padding: 0px 4px;
  margin: 0 4px;
}

.clear:after {
  clear: both;
  content: "";
  display: block;
}

.nhsuk-readmore {
  text-align: left;
  padding-bottom: 16px;
}

@media (max-width: 48.0525em) {
  #socialfloating {
    display: none;
  }
}
@media (min-width: 48.0525em) {
  figure.wp-block-embed.wp-block-embed.alignright {
    margin: 0 0 0 16px;
    width: 33%;
  }
  figure.wp-block-embed.wp-block-embed.alignleft {
    margin: 0 16px 0 0;
    width: 33%;
  }
}
@media (max-width: 48.0525em) {
  figure.wp-block-embed.wp-block-embed.alignright, figure.wp-block-embed.wp-block-embed.alignleft {
    display: contents;
  }
}
span.search-terms {
  font-weight: bold;
  background: #ffb81C;
}

button {
  margin: 0;
}
button + .button {
  margin-left: 16px;
}

.nhsuk-card .nhsuk-card__description {
  display: flow-root;
}

.nhsuk-card.is-style-panel-with-label .nhsuk-card__content {
  margin-top: 40px;
}
@media (min-width: 40.0625em) {
  .nhsuk-card.is-style-panel-with-label .nhsuk-card__content {
    margin-top: 48px;
  }
}
.nhsuk-card.is-style-panel-grey {
  background: inherit;
  border: none;
}

.nhsuk-card figure {
  margin: 0;
}

.nhsuk-cat-filter {
  margin-bottom: 40px;
}
.nhsuk-cat-filter:after {
  clear: both;
  display: block;
  content: "";
}
.nhsuk-cat-filter .nhsuk-heading-m, .nhsuk-cat-filter .nhsuk-card.is-style-panel-with-label .nhsuk-card__content h2, .nhsuk-card.is-style-panel-with-label .nhsuk-card__content .nhsuk-cat-filter h2 {
  float: left;
}
.nhsuk-cat-filter .nhsuk-cat-reset {
  float: right;
}
.nhsuk-cat-filter .nhsuk-button, .nhsuk-cat-filter #cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button.bootstrap, #cookie-notice .cookie-notice-container #cn-notice-buttons .nhsuk-cat-filter .cn-button.bootstrap, .nhsuk-cat-filter .learndash-wrapper .ld-icon.ld-primary-background, .learndash-wrapper .nhsuk-cat-filter .ld-icon.ld-primary-background, .nhsuk-cat-filter .learndash-wrapper .ld-expand-button, .learndash-wrapper .nhsuk-cat-filter .ld-expand-button, .nhsuk-cat-filter .tippy-popper .tippy-content .gv-approval-toggle, .tippy-popper .tippy-content .nhsuk-cat-filter .gv-approval-toggle {
  margin-bottom: 0;
}

#secondary section {
  border-top: 2px solid #005eb8;
  margin-bottom: 32px;
  padding-top: 16px;
  padding-bottom: 16px;
}
#secondary section h2 {
  font-size: 1.25rem;
  line-height: 1.2;
  margin-bottom: 16px;
  padding-top: 16px;
}
#secondary section h2 a {
  text-decoration: none;
}
@media (min-width: 40.0625em) {
  #secondary section h2 {
    font-size: 1.5rem;
    line-height: 1.2;
  }
}
#secondary section ul, #secondary section ol {
  list-style: none;
  margin-bottom: 16px;
  padding-left: 0;
}
#secondary section ul li, #secondary section ul h4, #secondary section ol li, #secondary section ol h4 {
  font-size: 0.875rem;
  line-height: 1.71429;
  margin-bottom: 8px;
}
@media (min-width: 40.0625em) {
  #secondary section ul li, #secondary section ul h4, #secondary section ol li, #secondary section ol h4 {
    font-size: 1rem;
    line-height: 1.5;
  }
}
#secondary section ul li a, #secondary section ul h4 a, #secondary section ol li a, #secondary section ol h4 a {
  padding: 0;
}
#secondary section.widget_search {
  height: 4.5rem;
  background: none;
  padding-left: 0;
  padding-right: 0;
}
#secondary section.widget_search .nhsuk-header__search-wrap {
  padding-top: 16px;
  padding: 24px 0;
}
#secondary section.widget_search .nhsuk-header__search-wrap .nhsuk-search__input {
  width: 81%;
  float: left;
  max-width: 78%;
  border-color: #aeb7bd;
}
#secondary section.widget_search .nhsuk-header__search-wrap .nhsuk-search__submit {
  border: 2px solid #aeb7bd;
  border-left: none;
  margin-top: 0;
  float: left;
  box-shadow: 0;
}
#secondary section #wp-calendar caption {
  position: relative;
  top: 8px;
  clip: unset;
  clip-path: unset;
  height: auto;
  width: auto;
  background: #005eb8;
  color: #ffffff;
  font-size: 1.25rem;
  text-transform: uppercase;
}
#secondary section #wp-calendar td, #secondary section #wp-calendar th {
  padding-left: 4px;
  padding-right: 4px;
  font-size: 1rem;
}
#secondary section ul > li {
  border-bottom: 1px solid #aeb7bd;
}
#secondary section ul > li > ul > li, #secondary section ul > li > ul > li > ul > li {
  padding: 0;
  margin: 0;
  border-bottom: none;
}
#secondary section ul > li > ul > li:last-of-type, #secondary section ul > li > ul > li > ul > li:last-of-type {
  margin-bottom: 16px;
}
#secondary section ul > li > ul > li > a {
  border-left: 2px solid #005eb8;
  padding: 0 0 0 8px;
  margin: 8px 0 0 8px;
}
#secondary section ul > li > ul > li > ul > li > a {
  padding: 0 0 0 10px;
  margin: 8px 0 0 16px;
  border-bottom: none;
}
#secondary section ul > li > ul > li > ul > li > a:before {
  content: "-  ";
  color: #e8edee;
}
#secondary section ul li a {
  border-bottom: none;
  padding: 0;
}
#secondary section ul li.widget_subpages__active > a {
  background: #005eb8;
  color: #ffffff;
}

/*
// variations to styling required for WordPress comments
// @author Tony Blacker, NHS Leadership Academy
// @version 1.1 5th March 2021
*/
.nhsuk-list-panel {
  margin-bottom: 16px;
}
.nhsuk-list-panel .comment-list {
  margin-bottom: 16px;
  background-color: #f0f4f5;
}
.nhsuk-list-panel .comment-list .nhsuk-list-panel__item {
  padding: 16px 0;
  display: block;
  background-color: #f0f4f5;
  clear: both;
}
.nhsuk-list-panel .comment-list .nhsuk-list-panel__item #respond {
  margin-top: 16px;
  position: relative;
}
.nhsuk-list-panel .comment-list .nhsuk-list-panel__item #respond #commentform {
  display: flow-root;
}
.nhsuk-list-panel .comment-list .nhsuk-list-panel__item #respond .nhsuk-button.submit, .nhsuk-list-panel .comment-list .nhsuk-list-panel__item #respond #cookie-notice .cookie-notice-container #cn-notice-buttons .submit.cn-button.bootstrap, #cookie-notice .cookie-notice-container #cn-notice-buttons .nhsuk-list-panel .comment-list .nhsuk-list-panel__item #respond .submit.cn-button.bootstrap, .nhsuk-list-panel .comment-list .nhsuk-list-panel__item #respond .learndash-wrapper .submit.ld-icon.ld-primary-background, .learndash-wrapper .nhsuk-list-panel .comment-list .nhsuk-list-panel__item #respond .submit.ld-icon.ld-primary-background, .nhsuk-list-panel .comment-list .nhsuk-list-panel__item #respond .learndash-wrapper .submit.ld-expand-button, .learndash-wrapper .nhsuk-list-panel .comment-list .nhsuk-list-panel__item #respond .submit.ld-expand-button, .nhsuk-list-panel .comment-list .nhsuk-list-panel__item #respond .tippy-popper .tippy-content .submit.gv-approval-toggle, .tippy-popper .tippy-content .nhsuk-list-panel .comment-list .nhsuk-list-panel__item #respond .submit.gv-approval-toggle {
  float: right;
}
.nhsuk-list-panel .comment-list .nhsuk-list-panel__item #respond #cancel-comment-reply-link {
  float: left;
  position: absolute;
  bottom: 0;
  left: 0;
}
.nhsuk-list-panel .comment-list .nhsuk-list-panel__item .children {
  margin-left: 0;
  margin-right: 0;
  padding-left: 16px;
  border-left: 1px solid #aeb7bd;
  position: relative;
}
.nhsuk-list-panel .comment-list .nhsuk-list-panel__item .children .comment {
  padding-right: 0;
}
.nhsuk-list-panel .comment-list .nhsuk-list-panel__item .comment-body {
  display: flex;
  flex-wrap: wrap;
}
.nhsuk-list-panel .comment-list .nhsuk-list-panel__item .comment-body .comment_body_comment {
  display: block;
  text-align: left;
  border-radius: 4px;
  line-height: 1.5rem;
  padding: 16px 32px 16px 24px;
  position: relative;
  word-wrap: break-word;
  background-color: #ffffff;
  width: 100%;
  order: 1;
}
.nhsuk-list-panel .comment-list .nhsuk-list-panel__item .comment-body .comment_body_comment:after {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #ffffff;
  border: 2px solid #e8edee;
  top: initial;
  left: 20px;
  bottom: -6px;
}
.nhsuk-list-panel .comment-list .nhsuk-list-panel__item .comment-body .vcard {
  order: 3;
  width: 70%;
}
@media screen and (max-width: 37.5em) {
  .nhsuk-list-panel .comment-list .nhsuk-list-panel__item .comment-body .vcard {
    width: 50%;
  }
}
.nhsuk-list-panel .comment-list .nhsuk-list-panel__item .comment-body .vcard cite {
  display: block;
  text-decoration: none;
  color: #425563;
  font-weight: 600;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 8px 0 4px 0;
}
.nhsuk-list-panel .comment-list .nhsuk-list-panel__item .comment-body .vcard .comment-meta a {
  color: #212b32;
  font-size: 0.85rem;
}
.nhsuk-list-panel .comment-list .nhsuk-list-panel__item .comment-body .vcard .comment-meta a:hover {
  background: none;
  border: none;
}
.nhsuk-list-panel .comment-list .nhsuk-list-panel__item .comment-body .comment-avatar {
  order: 2;
  padding: 8px 16px 0 8px;
  width: 10%;
  min-width: 58px;
}
.nhsuk-list-panel .comment-list .nhsuk-list-panel__item .comment-body .comment-avatar img {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  display: block;
}
.nhsuk-list-panel .comment-list .nhsuk-list-panel__item .comment-body .reply {
  width: 20%;
  order: 4;
  text-align: right;
  font-size: 0.75rem;
  padding: 4px;
}
@media screen and (max-width: 37.5em) {
  .nhsuk-list-panel .comment-list .nhsuk-list-panel__item .comment-body .reply {
    width: 30%;
  }
}
.nhsuk-list-panel .comment-list .nhsuk-list-panel__item .comment-body .reply svg {
  width: 30px;
  height: 30px;
  display: block;
  margin: auto;
  fill: #005eb8;
}
@media screen and (max-width: 37.5em) {
  .nhsuk-list-panel .comment-list .nhsuk-list-panel__item .comment-body .reply svg {
    width: 20px;
    height: 20px;
  }
}
.nhsuk-list-panel .comment-list .nhsuk-list-panel__item .comment-body .reply .comment-edit {
  width: 15px;
  margin-left: 8px;
}
.nhsuk-list-panel .comment-reply-link {
  display: inline-block;
}
.nhsuk-list-panel .comment-edit-link {
  display: inline-block;
  margin-left: 8px;
}
.nhsuk-list-panel .comment-respond textarea {
  height: 200px;
}
.nhsuk-list-panel .comment-respond .form-submit {
  margin-bottom: 48px;
}
.nhsuk-list-panel .comment-respond .logged-in-as {
  float: right;
}
.nhsuk-list-panel .comment-respond .logged-in-as a {
  font-size: 0.75rem;
}
.nhsuk-list-panel .comment-respond .logged-in-as a:nth-of-type(2) {
  border: 1px solid #212b32;
  font-size: 1rem;
  padding: 4px;
  background: #ffffff;
  color: #005eb8;
}

.article-footer .cat-links {
  float: right;
}
.article-footer .tags-links {
  float: left;
  margin-right: 16px;
}

li.nhsuk-pagination-item--previous {
  float: left;
}

li.nhsuk-pagination-item--next {
  float: right;
}

.pagination_split_post .post-page-numbers:first-of-type {
  margin-right: 4px;
}
.pagination_split_post .post-page-numbers:last-of-type {
  margin-left: 4px;
}
.pagination_split_post .current {
  background: #005eb8;
  color: #ffffff;
}

/*
// Print styling tweaks
// @author Tony Blacker, NHS Leadership Academy
// @version 1.0 30th December 2019
*/
@media print {
  #secondary, #respond, #cookie-notice, .socialfloating {
    display: none;
  }

  a {
    font-size: 1rem;
  }

  a:after {
    color: #212b32;
    content: " <br />(Link: " attr(href) ")";
    /* [1] */
    font-size: 0.75rem;
    /* [2] */
  }

  .edit-link, .reply, .cat-links, .tags-links, .article-footer {
    display: none !important;
  }
}
#primary .gallery, #primary .wp-block-gallery {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#primary .gallery.alignleft, #primary .wp-block-gallery.alignleft {
  display: flex;
}
#primary .gallery .gallery-item, #primary .wp-block-gallery .gallery-item {
  margin: 0 16px 16px 0;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  justify-content: center;
  position: relative;
  margin-right: 16px;
}
#primary .gallery .gallery-item img, #primary .wp-block-gallery .gallery-item img {
  width: 100%;
}
#primary .gallery .gallery-item figcaption, #primary .wp-block-gallery .gallery-item figcaption {
  position: absolute;
  bottom: 8px;
  width: 100%;
  max-height: 100%;
  overflow: auto;
  padding: 40px 8px 8px;
  color: #ffffff;
  text-align: center;
  font-size: 0.75rem;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.3) 70%, transparent);
}
@media (min-width: 600px) {
  #primary .gallery.alignleft, #primary .wp-block-gallery.alignleft {
    margin-right: 2rem;
  }
  #primary .gallery.alignright, #primary .wp-block-gallery.alignright {
    margin-left: 2rem;
  }
  #primary .gallery.gallery-columns-1 .gallery-item, #primary .gallery.gallery-columns-1 .wp-block-gallery-item, #primary .gallery.columns-1 .gallery-item, #primary .gallery.columns-1 .wp-block-gallery-item, #primary .wp-block-gallery.gallery-columns-1 .gallery-item, #primary .wp-block-gallery.gallery-columns-1 .wp-block-gallery-item, #primary .wp-block-gallery.columns-1 .gallery-item, #primary .wp-block-gallery.columns-1 .wp-block-gallery-item {
    width: 100%;
    margin-right: 0;
  }
  #primary .gallery.gallery-columns-2 .gallery-item, #primary .gallery.gallery-columns-2 .wp-block-gallery-item, #primary .gallery.columns-2 .gallery-item, #primary .gallery.columns-2 .wp-block-gallery-item, #primary .wp-block-gallery.gallery-columns-2 .gallery-item, #primary .wp-block-gallery.gallery-columns-2 .wp-block-gallery-item, #primary .wp-block-gallery.columns-2 .gallery-item, #primary .wp-block-gallery.columns-2 .wp-block-gallery-item {
    width: calc((100% - 16px) / 2);
  }
  #primary .gallery.gallery-columns-2 .gallery-item:nth-of-type(2n), #primary .gallery.gallery-columns-2 .wp-block-gallery-item:nth-of-type(2n), #primary .gallery.columns-2 .gallery-item:nth-of-type(2n), #primary .gallery.columns-2 .wp-block-gallery-item:nth-of-type(2n), #primary .wp-block-gallery.gallery-columns-2 .gallery-item:nth-of-type(2n), #primary .wp-block-gallery.gallery-columns-2 .wp-block-gallery-item:nth-of-type(2n), #primary .wp-block-gallery.columns-2 .gallery-item:nth-of-type(2n), #primary .wp-block-gallery.columns-2 .wp-block-gallery-item:nth-of-type(2n) {
    margin-right: 0;
  }
  #primary .gallery.gallery-columns-3 .gallery-item, #primary .gallery.gallery-columns-3 .wp-block-gallery-item, #primary .gallery.columns-3 .gallery-item, #primary .gallery.columns-3 .wp-block-gallery-item, #primary .wp-block-gallery.gallery-columns-3 .gallery-item, #primary .wp-block-gallery.gallery-columns-3 .wp-block-gallery-item, #primary .wp-block-gallery.columns-3 .gallery-item, #primary .wp-block-gallery.columns-3 .wp-block-gallery-item {
    width: calc((100% - 32px) / 3);
  }
  #primary .gallery.gallery-columns-3 .gallery-item:nth-of-type(3n), #primary .gallery.gallery-columns-3 .wp-block-gallery-item:nth-of-type(3n), #primary .gallery.columns-3 .gallery-item:nth-of-type(3n), #primary .gallery.columns-3 .wp-block-gallery-item:nth-of-type(3n), #primary .wp-block-gallery.gallery-columns-3 .gallery-item:nth-of-type(3n), #primary .wp-block-gallery.gallery-columns-3 .wp-block-gallery-item:nth-of-type(3n), #primary .wp-block-gallery.columns-3 .gallery-item:nth-of-type(3n), #primary .wp-block-gallery.columns-3 .wp-block-gallery-item:nth-of-type(3n) {
    margin-right: 0;
  }
  #primary .gallery.gallery-columns-4 .gallery-item, #primary .gallery.gallery-columns-4 .wp-block-gallery-item, #primary .gallery.columns-4 .gallery-item, #primary .gallery.columns-4 .wp-block-gallery-item, #primary .wp-block-gallery.gallery-columns-4 .gallery-item, #primary .wp-block-gallery.gallery-columns-4 .wp-block-gallery-item, #primary .wp-block-gallery.columns-4 .gallery-item, #primary .wp-block-gallery.columns-4 .wp-block-gallery-item {
    width: calc((100% - 48px) / 4);
  }
  #primary .gallery.gallery-columns-4 .gallery-item:nth-of-type(4n), #primary .gallery.gallery-columns-4 .wp-block-gallery-item:nth-of-type(4n), #primary .gallery.columns-4 .gallery-item:nth-of-type(4n), #primary .gallery.columns-4 .wp-block-gallery-item:nth-of-type(4n), #primary .wp-block-gallery.gallery-columns-4 .gallery-item:nth-of-type(4n), #primary .wp-block-gallery.gallery-columns-4 .wp-block-gallery-item:nth-of-type(4n), #primary .wp-block-gallery.columns-4 .gallery-item:nth-of-type(4n), #primary .wp-block-gallery.columns-4 .wp-block-gallery-item:nth-of-type(4n) {
    margin-right: 0;
  }
  #primary .gallery.gallery-columns-5 .gallery-item, #primary .gallery.gallery-columns-5 .wp-block-gallery-item, #primary .gallery.columns-5 .gallery-item, #primary .gallery.columns-5 .wp-block-gallery-item, #primary .wp-block-gallery.gallery-columns-5 .gallery-item, #primary .wp-block-gallery.gallery-columns-5 .wp-block-gallery-item, #primary .wp-block-gallery.columns-5 .gallery-item, #primary .wp-block-gallery.columns-5 .wp-block-gallery-item {
    width: calc((100% - 64px) / 5);
  }
  #primary .gallery.gallery-columns-5 .gallery-item:nth-of-type(5n), #primary .gallery.gallery-columns-5 .wp-block-gallery-item:nth-of-type(5n), #primary .gallery.columns-5 .gallery-item:nth-of-type(5n), #primary .gallery.columns-5 .wp-block-gallery-item:nth-of-type(5n), #primary .wp-block-gallery.gallery-columns-5 .gallery-item:nth-of-type(5n), #primary .wp-block-gallery.gallery-columns-5 .wp-block-gallery-item:nth-of-type(5n), #primary .wp-block-gallery.columns-5 .gallery-item:nth-of-type(5n), #primary .wp-block-gallery.columns-5 .wp-block-gallery-item:nth-of-type(5n) {
    margin-right: 0;
  }
  #primary .gallery.gallery-columns-6 .gallery-item, #primary .gallery.gallery-columns-6 .wp-block-gallery-item, #primary .gallery.columns-6 .gallery-item, #primary .gallery.columns-6 .wp-block-gallery-item, #primary .wp-block-gallery.gallery-columns-6 .gallery-item, #primary .wp-block-gallery.gallery-columns-6 .wp-block-gallery-item, #primary .wp-block-gallery.columns-6 .gallery-item, #primary .wp-block-gallery.columns-6 .wp-block-gallery-item {
    width: calc((100% - 80px) / 6);
  }
  #primary .gallery.gallery-columns-6 .gallery-item:nth-of-type(6n), #primary .gallery.gallery-columns-6 .wp-block-gallery-item:nth-of-type(6n), #primary .gallery.columns-6 .gallery-item:nth-of-type(6n), #primary .gallery.columns-6 .wp-block-gallery-item:nth-of-type(6n), #primary .wp-block-gallery.gallery-columns-6 .gallery-item:nth-of-type(6n), #primary .wp-block-gallery.gallery-columns-6 .wp-block-gallery-item:nth-of-type(6n), #primary .wp-block-gallery.columns-6 .gallery-item:nth-of-type(6n), #primary .wp-block-gallery.columns-6 .wp-block-gallery-item:nth-of-type(6n) {
    margin-right: 0;
  }
  #primary .gallery.gallery-columns-7 .gallery-item, #primary .gallery.gallery-columns-7 .wp-block-gallery-item, #primary .gallery.columns-7 .gallery-item, #primary .gallery.columns-7 .wp-block-gallery-item, #primary .wp-block-gallery.gallery-columns-7 .gallery-item, #primary .wp-block-gallery.gallery-columns-7 .wp-block-gallery-item, #primary .wp-block-gallery.columns-7 .gallery-item, #primary .wp-block-gallery.columns-7 .wp-block-gallery-item {
    width: calc((100% - 96px) / 7);
  }
  #primary .gallery.gallery-columns-7 .gallery-item:nth-of-type(7n), #primary .gallery.gallery-columns-7 .wp-block-gallery-item:nth-of-type(7n), #primary .gallery.columns-7 .gallery-item:nth-of-type(7n), #primary .gallery.columns-7 .wp-block-gallery-item:nth-of-type(7n), #primary .wp-block-gallery.gallery-columns-7 .gallery-item:nth-of-type(7n), #primary .wp-block-gallery.gallery-columns-7 .wp-block-gallery-item:nth-of-type(7n), #primary .wp-block-gallery.columns-7 .gallery-item:nth-of-type(7n), #primary .wp-block-gallery.columns-7 .wp-block-gallery-item:nth-of-type(7n) {
    margin-right: 0;
  }
  #primary .gallery.gallery-columns-8 .gallery-item, #primary .gallery.gallery-columns-8 .wp-block-gallery-item, #primary .gallery.columns-8 .gallery-item, #primary .gallery.columns-8 .wp-block-gallery-item, #primary .wp-block-gallery.gallery-columns-8 .gallery-item, #primary .wp-block-gallery.gallery-columns-8 .wp-block-gallery-item, #primary .wp-block-gallery.columns-8 .gallery-item, #primary .wp-block-gallery.columns-8 .wp-block-gallery-item {
    width: calc((100% - 112px) / 8);
  }
  #primary .gallery.gallery-columns-8 .gallery-item:nth-of-type(8n), #primary .gallery.gallery-columns-8 .wp-block-gallery-item:nth-of-type(8n), #primary .gallery.columns-8 .gallery-item:nth-of-type(8n), #primary .gallery.columns-8 .wp-block-gallery-item:nth-of-type(8n), #primary .wp-block-gallery.gallery-columns-8 .gallery-item:nth-of-type(8n), #primary .wp-block-gallery.gallery-columns-8 .wp-block-gallery-item:nth-of-type(8n), #primary .wp-block-gallery.columns-8 .gallery-item:nth-of-type(8n), #primary .wp-block-gallery.columns-8 .wp-block-gallery-item:nth-of-type(8n) {
    margin-right: 0;
  }
  #primary .gallery.gallery-columns-9 .gallery-item, #primary .gallery.gallery-columns-9 .wp-block-gallery-item, #primary .gallery.columns-9 .gallery-item, #primary .gallery.columns-9 .wp-block-gallery-item, #primary .wp-block-gallery.gallery-columns-9 .gallery-item, #primary .wp-block-gallery.gallery-columns-9 .wp-block-gallery-item, #primary .wp-block-gallery.columns-9 .gallery-item, #primary .wp-block-gallery.columns-9 .wp-block-gallery-item {
    width: calc((100% - 132px) / 9);
  }
  #primary .gallery.gallery-columns-9 .gallery-item:nth-of-type(9n), #primary .gallery.gallery-columns-9 .wp-block-gallery-item:nth-of-type(9n), #primary .gallery.columns-9 .gallery-item:nth-of-type(9n), #primary .gallery.columns-9 .wp-block-gallery-item:nth-of-type(9n), #primary .wp-block-gallery.gallery-columns-9 .gallery-item:nth-of-type(9n), #primary .wp-block-gallery.gallery-columns-9 .wp-block-gallery-item:nth-of-type(9n), #primary .wp-block-gallery.columns-9 .gallery-item:nth-of-type(9n), #primary .wp-block-gallery.columns-9 .wp-block-gallery-item:nth-of-type(9n) {
    margin-right: 0;
  }
}

.gform_heading .gform_description {
  font-size: 1rem;
  font-weight: 600;
}

#ui-datepicker-div {
  background: white;
  padding: 0 16px;
  border: 1px solid #768692;
  border-radius: 4px;
}

.tingle-modal-box .ginput_container_checkbox .gfield_checkbox li label {
  padding-left: 50px;
}
.tingle-modal-box .ginput_container_radio .gfield_radio li label {
  padding-left: 50px;
}

.gform_wrapper {
  margin-top: 0 !important;
}
.gform_wrapper fieldset {
  border: 0;
  margin: 16px 0;
}
.gform_wrapper .gf_progressbar_wrapper .gf_progressbar {
  border-radius: 4px;
  background-color: #ffffff;
  padding: 8px;
}
.gform_wrapper .gf_progressbar_wrapper .gf_progressbar .percentbar_blue {
  background-color: #005eb8;
}
.gform_wrapper .gf_progressbar_wrapper .gf_progressbar .gf_progressbar_percentage {
  border-radius: 4px;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
  background-color: #005eb8;
}
.gform_wrapper .gf_progressbar_wrapper .gf_progressbar .gf_progressbar_percentage span {
  font-size: 16px;
  font-family: Frutiger W01, Arial, Sans-serif;
}
.gform_wrapper .gf_progressbar_wrapper .gf_progressbar:after {
  border-radius: 4px;
}
.gform_wrapper .gform_body .gform_fields .gfield.gfield_html dl.nhsuk-summary-list {
  background: #ffffff;
  padding: 24px;
  padding-left: 24px;
}
@media (min-width: 61.875em) {
  .gform_wrapper .gform_body .gform_fields .gsurvey-survey-field .gsurvey-likert .nhsuk-likert {
    border: 1px solid #768692;
    margin: 0 auto;
    max-width: 100%;
  }
  .gform_wrapper .gform_body .gform_fields .gsurvey-survey-field .gsurvey-likert .nhsuk-likert .nhsuk-likert__row {
    display: flex;
    /* direction row by default, the cells will be side by side to start */
    flex-direction: row;
    width: 100%;
    background-color: white;
  }
  .gform_wrapper .gform_body .gform_fields .gsurvey-survey-field .gsurvey-likert .nhsuk-likert .nhsuk-likert__row:after {
    clear: both;
    content: "";
    display: block;
  }
  .gform_wrapper .gform_body .gform_fields .gsurvey-survey-field .gsurvey-likert .nhsuk-likert .nhsuk-likert__row .nhsuk-likert__item:not(.nhsuk-likert__rowlabel) {
    margin-bottom: 0;
  }
  .gform_wrapper .gform_body .gform_fields .gsurvey-survey-field .gsurvey-likert .nhsuk-likert .nhsuk-likert__row .nhsuk-likert__rowlabel {
    font-weight: bold;
    padding: 24px 16px;
  }
  .gform_wrapper .gform_body .gform_fields .gsurvey-survey-field .gsurvey-likert .nhsuk-likert .nhsuk-likert__row.nhsuk-likert__header .nhsuk-likert__item {
    background: #005eb8;
    color: #ffffff;
    border: none;
    font-weight: 700;
    padding: 0 16px;
  }
  .gform_wrapper .gform_body .gform_fields .gsurvey-survey-field .gsurvey-likert .nhsuk-likert .nhsuk-likert__row:nth-of-type(odd) {
    background: #f0f4f5;
  }
  .gform_wrapper .gform_body .gform_fields .gsurvey-survey-field .gsurvey-likert .nhsuk-likert .nhsuk-likert__item {
    padding: 24px 16px;
    margin-right: 0;
    display: flex;
    /* yep, the cells can get flexbox layout too */
    flex: 1;
    flex-direction: column;
    /* each cell will have its content laid out vertically */
    align-items: center;
    /* centers content horizontally */
    justify-content: center;
    /* centers content vertically */
    border-left: 1px solid #d8dde0;
  }
  .gform_wrapper .gform_body .gform_fields .gsurvey-survey-field .gsurvey-likert .nhsuk-likert .nhsuk-likert__item .nhsuk-radios__label, .gform_wrapper .gform_body .gform_fields .gsurvey-survey-field .gsurvey-likert .nhsuk-likert .nhsuk-likert__item .tingle-modal-box .ginput_container_radio .gfield_radio li label, .tingle-modal-box .ginput_container_radio .gfield_radio li .gform_wrapper .gform_body .gform_fields .gsurvey-survey-field .gsurvey-likert .nhsuk-likert .nhsuk-likert__item label {
    padding-left: 0;
  }
  .gform_wrapper .gform_body .gform_fields .gsurvey-survey-field .gsurvey-likert .nhsuk-likert .nhsuk-likert__item .nhsuk-radios__label:before, .gform_wrapper .gform_body .gform_fields .gsurvey-survey-field .gsurvey-likert .nhsuk-likert .nhsuk-likert__item .tingle-modal-box .ginput_container_radio .gfield_radio li label:before, .tingle-modal-box .ginput_container_radio .gfield_radio li .gform_wrapper .gform_body .gform_fields .gsurvey-survey-field .gsurvey-likert .nhsuk-likert .nhsuk-likert__item label:before {
    top: calc(50% - 20px);
    left: calc(50% - 20px);
  }
  .gform_wrapper .gform_body .gform_fields .gsurvey-survey-field .gsurvey-likert .nhsuk-likert .nhsuk-likert__item .nhsuk-radios__label:after, .gform_wrapper .gform_body .gform_fields .gsurvey-survey-field .gsurvey-likert .nhsuk-likert .nhsuk-likert__item .tingle-modal-box .ginput_container_radio .gfield_radio li label:after, .tingle-modal-box .ginput_container_radio .gfield_radio li .gform_wrapper .gform_body .gform_fields .gsurvey-survey-field .gsurvey-likert .nhsuk-likert .nhsuk-likert__item label:after {
    top: calc(50% - 10px);
    left: calc(50% - 10px);
  }
  .gform_wrapper .gform_body .gform_fields .gsurvey-survey-field .gsurvey-likert .nhsuk-likert .nhsuk-likert__item:last-of-type() {
    margin-right: 0;
  }
  .gform_wrapper .gform_body .gform_fields .gsurvey-survey-field .gsurvey-likert .nhsuk-likert.nhsuk-likert__multi .nhsuk-likert__row .nhsuk-likert__item:first-of-type() {
    flex: 3;
    min-width: 250px;
  }
}
@media (max-width: 61.865em) {
  .gform_wrapper .gform_body .gform_fields .gsurvey-survey-field .gsurvey-likert .nhsuk-likert .nhsuk-likert__row {
    padding: 16px 0;
    border-top: 1px solid #d8dde0;
  }
  .gform_wrapper .gform_body .gform_fields .gsurvey-survey-field .gsurvey-likert .nhsuk-likert .nhsuk-likert__row:after {
    clear: both;
    content: "";
    display: block;
  }
  .gform_wrapper .gform_body .gform_fields .gsurvey-survey-field .gsurvey-likert .nhsuk-likert .nhsuk-likert__row.nhsuk-likert__header {
    display: none;
  }
  .gform_wrapper .gform_body .gform_fields .gsurvey-survey-field .gsurvey-likert .nhsuk-likert .nhsuk-likert__row .nhsuk-likert__item:after {
    clear: both;
    content: "";
    display: block;
  }
  .gform_wrapper .gform_body .gform_fields .gsurvey-survey-field .gsurvey-likert .nhsuk-likert .nhsuk-likert__row .nhsuk-likert__item .nhsuk-radios__label .nhsuk-u-visually-hidden, .gform_wrapper .gform_body .gform_fields .gsurvey-survey-field .gsurvey-likert .nhsuk-likert .nhsuk-likert__row .nhsuk-likert__item .tingle-modal-box .ginput_container_radio .gfield_radio li label .nhsuk-u-visually-hidden, .tingle-modal-box .ginput_container_radio .gfield_radio li .gform_wrapper .gform_body .gform_fields .gsurvey-survey-field .gsurvey-likert .nhsuk-likert .nhsuk-likert__row .nhsuk-likert__item label .nhsuk-u-visually-hidden {
    position: relative;
    clip: unset;
    clip-path: unset;
  }
  .gform_wrapper .gform_body .gform_fields .gsurvey-survey-field .gsurvey-likert .nhsuk-likert .nhsuk-likert__row .nhsuk-likert__item.nhsuk-likert__rowlabel {
    font-weight: 700;
  }
}
.gform_wrapper .gform_body .address_city, .gform_wrapper .gform_body .address_state {
  width: 50%;
  float: left;
}
.gform_wrapper .gform_body .address_city {
  padding-right: 8px;
}
.gform_wrapper .gform_body .address_state {
  padding-left: 8px;
}
.gform_wrapper .gform_body ul.gform_fields {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}
.gform_wrapper .gform_body ul.gform_fields li.gfield .ginput_container input:read-only, .gform_wrapper .gform_body ul.gform_fields li.gfield .ginput_container select:read-only {
  background-color: inherit;
  border: 1px solid #768692;
}
.gform_wrapper .gform_body ul.gform_fields li.gfield .ginput_preview {
  clear: both;
  padding: 8px 0;
}
.gform_wrapper .gform_body ul.gform_fields li.gfield .ginput_preview strong {
  padding-left: 16px;
}
.gform_wrapper .gform_body .nhsuk-required-message {
  font-weight: 600;
  font-style: italic;
  padding-left: 24px;
}
.gform_wrapper .gform_body .nhsuk-textarea {
  min-height: 200px;
}
.gform_wrapper .gform_body .gform_hidden {
  display: none;
}
.gform_wrapper .gform_body .gform_wrapper li.gfield fieldset .nhsuk-textarea {
  width: 100%;
}
.gform_wrapper .gform_body ul.ui-sortable {
  list-style-type: none;
}
.gform_wrapper .gform_body .gsurvey-rating {
  direction: rtl;
}
.gform_wrapper .gform_body .gsurvey-rating:not(:checked) > label {
  width: 40px;
  height: 40px;
  background-size: 35px 35px;
  font-size: 0 !important;
  float: none;
  display: inline-block;
  position: relative;
}
.gform_wrapper .gform_body .gsurvey-rating:not(:checked) > label:hover, .gform_wrapper .gform_body .gsurvey-rating:not(:checked) > label .gsurvey-rating:not(:checked) > label:hover ~ label {
  background-size: 35px 35px;
}
.gform_wrapper .gform_body .gsurvey-rating > input:checked ~ label {
  background-size: 35px 35px;
  font-size: 0 !important;
  float: none;
  display: inline-block;
  position: relative;
}
.gform_wrapper .gform_body .gsurvey-rating:after {
  clear: both;
}
.gform_wrapper .gform_body .ginput_container_name, .gform_wrapper .gform_body .clear-multi {
  display: flex;
}
.gform_wrapper .gform_body .ginput_container_name span, .gform_wrapper .gform_body .ginput_container_name .ginput_container, .gform_wrapper .gform_body .clear-multi span, .gform_wrapper .gform_body .clear-multi .ginput_container {
  padding: 8px 16px 8px 0;
}
.gform_wrapper .gform_body .ginput_container_name span.name-prefix, .gform_wrapper .gform_body .ginput_container_name span.name-first, .gform_wrapper .gform_body .ginput_container_name span.name-middle, .gform_wrapper .gform_body .ginput_container_name span.name-last, .gform_wrapper .gform_body .ginput_container_name span.name_suffix, .gform_wrapper .gform_body .ginput_container_name .ginput_container.name-prefix, .gform_wrapper .gform_body .ginput_container_name .ginput_container.name-first, .gform_wrapper .gform_body .ginput_container_name .ginput_container.name-middle, .gform_wrapper .gform_body .ginput_container_name .ginput_container.name-last, .gform_wrapper .gform_body .ginput_container_name .ginput_container.name_suffix, .gform_wrapper .gform_body .clear-multi span.name-prefix, .gform_wrapper .gform_body .clear-multi span.name-first, .gform_wrapper .gform_body .clear-multi span.name-middle, .gform_wrapper .gform_body .clear-multi span.name-last, .gform_wrapper .gform_body .clear-multi span.name_suffix, .gform_wrapper .gform_body .clear-multi .ginput_container.name-prefix, .gform_wrapper .gform_body .clear-multi .ginput_container.name-first, .gform_wrapper .gform_body .clear-multi .ginput_container.name-middle, .gform_wrapper .gform_body .clear-multi .ginput_container.name-last, .gform_wrapper .gform_body .clear-multi .ginput_container.name_suffix {
  display: flex;
}
.gform_wrapper .gform_body .ginput_container_name span.name-prefix label, .gform_wrapper .gform_body .ginput_container_name span.name-first label, .gform_wrapper .gform_body .ginput_container_name span.name-middle label, .gform_wrapper .gform_body .ginput_container_name span.name-last label, .gform_wrapper .gform_body .ginput_container_name span.name_suffix label, .gform_wrapper .gform_body .ginput_container_name .ginput_container.name-prefix label, .gform_wrapper .gform_body .ginput_container_name .ginput_container.name-first label, .gform_wrapper .gform_body .ginput_container_name .ginput_container.name-middle label, .gform_wrapper .gform_body .ginput_container_name .ginput_container.name-last label, .gform_wrapper .gform_body .ginput_container_name .ginput_container.name_suffix label, .gform_wrapper .gform_body .clear-multi span.name-prefix label, .gform_wrapper .gform_body .clear-multi span.name-first label, .gform_wrapper .gform_body .clear-multi span.name-middle label, .gform_wrapper .gform_body .clear-multi span.name-last label, .gform_wrapper .gform_body .clear-multi span.name_suffix label, .gform_wrapper .gform_body .clear-multi .ginput_container.name-prefix label, .gform_wrapper .gform_body .clear-multi .ginput_container.name-first label, .gform_wrapper .gform_body .clear-multi .ginput_container.name-middle label, .gform_wrapper .gform_body .clear-multi .ginput_container.name-last label, .gform_wrapper .gform_body .clear-multi .ginput_container.name_suffix label {
  padding: 0 16px 0 8px;
  font-size: 1.25rem;
  color: #425563;
}
.gform_wrapper .gform_body .gform_delete {
  float: left;
  height: 28px;
}
.gform_wrapper .gform_page_footer {
  padding-top: 32px !important;
}
.gform_wrapper .gform_page_footer .nhsuk-button--secondary svg path, .gform_wrapper .gform_page_footer #cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button.bootstrap.cn-more-info svg path, #cookie-notice .cookie-notice-container #cn-notice-buttons .gform_wrapper .gform_page_footer .cn-button.bootstrap.cn-more-info svg path, .gform_wrapper .gform_page_footer .nhsuk-button.is-style-secondary svg path, .gform_wrapper .gform_page_footer #cookie-notice .cookie-notice-container #cn-notice-buttons .is-style-secondary.cn-button.bootstrap svg path, #cookie-notice .cookie-notice-container #cn-notice-buttons .gform_wrapper .gform_page_footer .is-style-secondary.cn-button.bootstrap svg path, .gform_wrapper .gform_page_footer .tippy-popper .tippy-content .is-style-secondary.gv-approval-toggle svg path, .tippy-popper .tippy-content .gform_wrapper .gform_page_footer .is-style-secondary.gv-approval-toggle svg path, .gform_wrapper .gform_page_footer .learndash-wrapper .is-style-secondary.ld-icon.ld-primary-background svg path, .learndash-wrapper .gform_wrapper .gform_page_footer .is-style-secondary.ld-icon.ld-primary-background svg path, .gform_wrapper .gform_page_footer .learndash-wrapper .is-style-secondary.ld-expand-button svg path, .learndash-wrapper .gform_wrapper .gform_page_footer .is-style-secondary.ld-expand-button svg path {
  fill: #ffffff;
}
.gform_wrapper .gform_page_footer .nhsuk-button--secondary, .gform_wrapper .gform_page_footer #cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button.bootstrap.cn-more-info, #cookie-notice .cookie-notice-container #cn-notice-buttons .gform_wrapper .gform_page_footer .cn-button.bootstrap.cn-more-info, .gform_wrapper .gform_page_footer .nhsuk-button.is-style-secondary, .gform_wrapper .gform_page_footer #cookie-notice .cookie-notice-container #cn-notice-buttons .is-style-secondary.cn-button.bootstrap, #cookie-notice .cookie-notice-container #cn-notice-buttons .gform_wrapper .gform_page_footer .is-style-secondary.cn-button.bootstrap, .gform_wrapper .gform_page_footer .tippy-popper .tippy-content .is-style-secondary.gv-approval-toggle, .tippy-popper .tippy-content .gform_wrapper .gform_page_footer .is-style-secondary.gv-approval-toggle, .gform_wrapper .gform_page_footer .learndash-wrapper .is-style-secondary.ld-icon.ld-primary-background, .learndash-wrapper .gform_wrapper .gform_page_footer .is-style-secondary.ld-icon.ld-primary-background, .gform_wrapper .gform_page_footer .learndash-wrapper .is-style-secondary.ld-expand-button, .learndash-wrapper .gform_wrapper .gform_page_footer .is-style-secondary.ld-expand-button {
  float: left;
  margin-right: 20px;
}
.gform_wrapper .gform_page_footer .gform_next_page_errors_button {
  font-size: 1rem;
  line-height: 1.75;
  margin-bottom: 28px;
  -webkit-appearance: none;
  background-color: #4c6272;
  box-shadow: 0 4px 0 #263139;
  border: 2px solid transparent;
  border-radius: 4px;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-weight: 600;
  margin-top: 0;
  padding: 12px 16px;
  position: relative;
  text-align: center;
  vertical-align: top;
  width: auto;
}
.gform_wrapper .gform_page_footer .gform_resubmit_button {
  font-size: 1rem;
  line-height: 1.75;
  margin-bottom: 28px;
  -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-weight: 600;
  margin-top: 0;
  padding: 12px 18px;
  position: relative;
  text-align: center;
  vertical-align: top;
  width: auto;
}
.gform_wrapper #ui-datepicker-div {
  border: 2px solid #005eb8;
  border-radius: 4px;
  background: #ffffff;
}
.gform_wrapper .ginput_preview img.gform_delete {
  padding: 32px 32px 0px 0px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QA/wD/AP+gvaeTAAABKUlEQVRYhe2Uuw4BQRSGPwqJW6KgU4jeA0jEC2h4Ku8hXkFJiCdYURJR0Ot0FM5kx2TZHTu7QvZPTjYzszP/d85cIFMme42AM3Az4gwM0wAIMldxSgNAmUXtf6tciJFLBXrlHZs410dltZn/9Qr8HIBZ0rC2cwDnygD+EmDvcjHbU78Dmlr7Qswn3RZAmavKdgUiNQCAPrAFWhqEqQYwBzpJAMyk76BBmOae/DNPAqAELKT/CLQN842MeUDdFiCqSjyy0yH0zCOZxwEAKANL/O2wylzpJJN6MSBW+IlsTPOwh2gi37W2SFhcgYHMKwI1bb0qULHJoACM8SthY17nec9VJV7dDqcKOnDvbodz81cHLhUIdf08gTFVwd+OZRIAHYEIMtchpkDrDvRKkk0dBvEBAAAAAElFTkSuQmCC);
  background-size: auto;
  width: 0px;
  height: 0px;
}

@media only screen and (max-device-width: 799px) {
  .gform_wrapper .gform_body .ginput_container .gsurvey-rating:not(:checked) > label {
    background-size: 28px 28px;
    width: 30px;
    height: 30px;
  }
  .gform_wrapper .gform_body .ginput_container .gsurvey-rating > input > checked ~ label {
    background-size: 28px 28px;
  }
}
.gv-datatables-container .gv-field-label {
  word-break: normal;
}

.tippy-popper .tippy-content {
  margin-top: 8px;
}
.tippy-popper .tippy-content .gv-approval-toggle {
  border: 0;
  margin-bottom: 16px;
  display: block !important;
}
.tippy-popper .tippy-content .gv-approval-toggle:before {
  word-break: initial;
  width: fit-content;
  position: relative;
  border: 0;
  padding: unset;
  font-size: 16px;
  font-family: Frutiger W01, Arial, Sans-serif;
  color: white;
}
.tippy-popper .tippy-content .gv-approval-toggle:hover {
  background: #e8edee;
}
.tippy-popper .tippy-content .gv-approval-toggle:hover:before {
  color: #212b32;
  text-decoration: underline;
}
.tippy-popper .tippy-content .gv-approval-toggle.gv-approval-approved:before {
  content: "✓ Approve";
}
.tippy-popper .tippy-content .gv-approval-toggle.gv-approval-disapproved {
  background: #d5281b;
}
.tippy-popper .tippy-content .gv-approval-toggle.gv-approval-disapproved:before {
  content: "✕ Decline";
}
.tippy-popper .tippy-content .gv-approval-toggle.gv-approval-disapproved:hover {
  background: #e8edee;
}
.tippy-popper .tippy-content .gv-approval-toggle.gv-approval-unapproved {
  background: #ffb81C;
}
.tippy-popper .tippy-content .gv-approval-toggle.gv-approval-unapproved:before {
  content: "⟲ Reset";
  background: inherit;
  color: #212b32;
}
.tippy-popper .tippy-content .gv-approval-toggle.gv-approval-unapproved:hover {
  background: #e8edee;
}

.gp-word-count-label {
  background: white;
  color: #212b32;
  padding: 4px;
}

.gf-all-fields li.field-type-section {
  background-color: #ffffff;
  text-align: center;
}
.gf-all-fields li.field-type-section span:empty {
  padding-bottom: 0;
  padding-top: 0;
}
.gf-all-fields li hr.gpnf-nested-entries-hr {
  display: none;
}
.gf-all-fields li table[bgcolor="#EAEAEA"] {
  background: inherit;
  border-top: none !important;
}
.gf-all-fields li table[bgcolor="#EAEAEA"] table[bgcolor="#FFFFFF"] tr[bgcolor="#FAF4EA"] {
  background: #f0f4f5;
  color: #005eb8;
}
.gf-all-fields li table[bgcolor="#EAEAEA"] table[bgcolor="#FFFFFF"] tr[bgcolor="#FAF4EA"] td {
  padding-top: 4px;
  padding-bottom: 4px;
}
.gf-all-fields li table[bgcolor="#EAEAEA"] table[bgcolor="#FFFFFF"] tr[bgcolor="#FAF4EA"] td font {
  font-size: 16px !important;
}
.gf-all-fields li table[bgcolor="#EAEAEA"] table[bgcolor="#FFFFFF"] tr[bgcolor="#FFFFFF"] {
  background: #f0f4f5 !important;
}
.gf-all-fields li table[bgcolor="#EAEAEA"] table[bgcolor="#FFFFFF"] td:empty {
  display: none;
}
.gf-all-fields li table.gfcs-value td span {
  border-bottom: none;
}

.learndash-wrapper .learndash_join_button {
  margin-top: 25px;
}
.learndash-wrapper .ld-primary-color {
  color: #ffffff;
}
.learndash-wrapper a.ld-login-text.ld-login-button:hover {
  color: #ffffff !important;
}
.learndash-wrapper #ld-user-register {
  color: #005eb8 !important;
}
.learndash-wrapper .ld-expand-button.ld-button-alternate .ld-icon {
  color: #005eb8 !important;
}
.learndash-wrapper a {
  text-decoration: underline;
}
.learndash-wrapper a:hover {
  color: #212b32 !important;
  text-decoration: none;
}
.learndash-wrapper input[type=submit].learndash_mark_complete_button {
  padding-right: 48px;
}
.learndash-wrapper .sfwd-mark-complete::after {
  top: 33%;
}
.learndash-wrapper .ld-status {
  border-radius: 0;
  line-height: 1;
  text-transform: none;
}
.learndash-wrapper .ld-course-status.ld-course-status-not-enrolled .ld-course-status-label {
  font-size: inherit;
  font-weight: inherit;
  color: #212b32;
}
.learndash-wrapper .ld-course-status.ld-course-status-not-enrolled .ld-course-status-price {
  color: #212b32;
}
.learndash-wrapper .ld-breadcrumbs .ld-course-status-segment .ld-course-status-content, .learndash-wrapper .ld-course-status .ld-course-status-segment .ld-course-status-content, .learndash-wrapper .ld-item-details .ld-course-status-segment .ld-course-status-content {
  position: relative;
}
.learndash-wrapper .ld-topic-list.ld-table-list .ld-table-list-lesson-details {
  font-size: inherit;
  line-height: inherit;
}
.learndash-wrapper .ld-tab-content, .learndash-wrapper .ld-table-list {
  margin: 0 16px;
}
.learndash-wrapper .ld-tab-content .ld-table-list-header, .learndash-wrapper .ld-table-list .ld-table-list-header {
  background-color: #005eb8;
}
.learndash-wrapper .ld-tab-content .ld-table-list-lesson-details .ld-lesson-list-progress, .learndash-wrapper .ld-table-list .ld-table-list-lesson-details .ld-lesson-list-progress {
  text-transform: none;
}
.learndash-wrapper .ld-item-list .ld-item-search .ld-closer:before {
  content: "";
}
.learndash-wrapper .ld-item-list .ld-item-search .ld-closer:after {
  content: "x";
  margin-left: 0.25em;
  border-radius: 50%;
  border: 2px solid #768692;
  width: 20px;
  height: 20px;
  font-size: 1rem;
  padding: 0 4px;
  color: #768692;
  line-height: 0.9rem;
}
.learndash-wrapper .ld-item-list .ld-item-search .ld-item-search-wrapper {
  background: #ffffff;
  border: 2px solid #425563;
}
.learndash-wrapper .ld-item-list .ld-item-search .ld-item-search-wrapper:before {
  width: 0;
  height: 0;
  border-left: 24px solid #e8edee;
  border-right: 24px solid #e8edee;
  border-bottom: 16px solid #425563;
  transform: rotate(0);
  right: 260px;
  top: -17px;
}
.learndash-wrapper .ld-item-list .ld-item-search .ld-item-search-wrapper .ld-item-search-fields .ld-item-search-name {
  top: -nhsuk-spacing(5);
}
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview {
  border: 2px solid transparent;
}
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-item-title {
  line-height: 40px;
}
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview:hover {
  background: transparent;
  border: 2px solid #ffeb3b;
}
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-status-incomplete.ld-status-icon {
  border: 2px solid #212b32;
  content: "✓";
}
.learndash-wrapper .ld-progress {
  margin: 1em 0;
}
.learndash-wrapper .ld-modal {
  -webkit-transition: none !important;
  transition: none !important;
}
.learndash-wrapper .ld-login-modal {
  border: 4px solid #f0f4f5;
}
.learndash-wrapper .ld-login-modal input[type=text], .learndash-wrapper .ld-login-modal input[type=password] {
  background: #ffffff;
  border-color: #4c6272;
}
.learndash-wrapper .ld-login-modal label {
  text-align: left;
  color: #ffffff;
  margin-bottom: 8px;
}
.learndash-wrapper .ld-login-modal input[type=checkbox] {
  cursor: pointer;
  height: 32px;
  left: 0;
  width: 32px;
  z-index: 1;
  position: relative;
  top: 8px;
  margin-right: 16px;
}
.learndash-wrapper .ld-login-modal .ld-login-modal-register {
  background: #003087;
}
.learndash-wrapper .ld-login-modal .ld-login-modal-register #registerform {
  color: #ffffff;
  font-size: 16px;
}
.learndash-wrapper .ld-login-modal .ld-login-modal-register #registerform #wp-submit {
  border-radius: 4px;
  border-width: 0;
  background: #ffffff;
  color: #212b32;
}
.learndash-wrapper .ld-login-modal .ld-login-modal-login .ld-modal-heading {
  color: #003087;
}
.learndash-wrapper .ld-login-modal .ld-login-modal-login #loginform .login-username::before, .learndash-wrapper .ld-login-modal .ld-login-modal-login #loginform .login-password::before {
  display: none;
}
.learndash-wrapper .ld-login-modal input[type=submit] {
  margin-top: 8px;
  background: #007f3b;
  border-radius: 4px;
  font-size: 1rem;
}
.learndash-wrapper .ld-login-modal .ld-button.ld-button-reverse.ld-js-register-account {
  color: #212b32;
  border-radius: 4px;
  box-shadow: 0 4px 0 #00401e;
}
.learndash-wrapper .nhsuk-mark-complete {
  padding-right: 32px;
}

nav.learndash-pager {
  background: none;
  color: #212b32;
  width: 100%;
}
nav.learndash-pager ul {
  list-style: none;
  display: block;
  margin: 0 auto;
}
nav.learndash-pager ul li {
  float: left;
  margin-right: 16px;
}
nav.learndash-pager ul li a.nhsuk-tag, nav.learndash-pager ul li .learndash-wrapper a.ld-status, .learndash-wrapper nav.learndash-pager ul li a.ld-status {
  color: #ffffff;
}
nav.learndash-pager ul li a.nhsuk-tag.focus-visible, nav.learndash-pager ul li .learndash-wrapper a.focus-visible.ld-status, .learndash-wrapper nav.learndash-pager ul li a.focus-visible.ld-status {
  color: #212b32;
  border: 4px solid #212b32 !important;
}
nav.learndash-pager ul li a.nhsuk-tag.nhsuk-tag--white, nav.learndash-pager ul li a.nhsuk-tag.is-style-white, nav.learndash-pager ul li .learndash-wrapper a.nhsuk-tag--white.ld-status, nav.learndash-pager ul li .learndash-wrapper a.ld-status.is-style-white, .learndash-wrapper nav.learndash-pager ul li a.nhsuk-tag--white.ld-status, .learndash-wrapper nav.learndash-pager ul li a.ld-status.is-style-white {
  color: #003087;
}

.ld-course-list-items .ld_course_grid article {
  display: flex !important;
  flex-direction: column;
  height: 100%;
}
.ld-course-list-items .ld_course_grid article .caption {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.ld-course-list-items .ld_course_grid article .caption .entry-title {
  order: 1;
}
.ld-course-list-items .ld_course_grid article .caption .learndash-widget {
  order: 2;
  margin-top: auto;
}
.ld-course-list-items .ld_course_grid article .caption .ld_course_grid_button {
  order: 3;
  margin-top: auto;
}
.ld-course-list-items .ld_course_grid article .nhsuk-action-link {
  text-align: left;
  padding: 8px;
  margin-top: auto !important;
  margin-bottom: 8px;
}
.ld-course-list-items .ld_course_grid article .ld_course_grid_button {
  text-align: center;
}
.ld-course-list-items .ld_course_grid article .ld_course_grid_buttonnhsuk-action-link__link {
  text-align: left;
  position: relative;
}
.ld-course-list-items .ld_course_grid article .ld_course_grid_button .btn, .ld-course-list-items .ld_course_grid article .ld_course_grid_button .btn-primary {
  margin-bottom: 0;
}
.ld-course-list-items .ld_course_grid article .ld_course_grid_button .btn .email-address:after, .ld-course-list-items .ld_course_grid article .ld_course_grid_button .btn-primary .email-address:after {
  content: '<span class="nhsuk-u-visually-hidden" aria-hidden="true"></span>';
}
.ld-course-list-items .ld_course_grid .thumbnail.course {
  margin-bottom: 32px;
  position: relative;
}
.ld-course-list-items .ld_course_grid .thumbnail.course .ld_course_grid_price {
  background: #007f3b !important;
  color: #ffffff;
  position: absolute;
  font-size: 14px;
  left: -8px;
  top: 10px;
  padding: 3px 10px;
  z-index: 2;
  font-weight: bold;
}
.ld-course-list-items .ld_course_grid .thumbnail.course .ld_course_grid_price:before {
  left: 0;
  top: 100%;
  border-top: 8px solid #425563;
  border-left: 8px solid transparent;
}
.ld-course-list-items .ld_course_grid .thumbnail.course .ld_course_grid_price.ribbon-enrolled {
  background: #005eb8;
}
.ld-course-list-items .ld_course_grid .thumbnail.course .ld_course_grid_price.ribbon-enrolled:before {
  border-top: 8px solid #003087;
  content: "";
  position: absolute;
  left: 0;
}
.ld-course-list-items .ld_course_grid .thumbnail.course .ld_course_grid_price.free {
  background: #007f3b;
}
.ld-course-list-items .ld_course_grid .thumbnail.course .ld_course_grid_price.free:before {
  border-top: 4px solid #006747;
  border-right: 4px solid #006747;
}

.single-sfwd-courses article.sfwd-courses img.wp-post-image {
  display: none;
}

#ld_course_categorydropdown {
  padding-bottom: 24px;
}
#ld_course_categorydropdown #ld_course_categorydropdown_select {
  height: 40px;
}
#ld_course_categorydropdown label {
  padding-right: 10px;
}

.sfwd-courses .featured-top {
  display: none;
}

/* Events Calendar Styles */
#tribe-events, #tribe-events-pg-template, .tribe-events-pg-template {
  padding: 0;
}

.tribe-common div.nhsuk-grid-column-two-thirds {
  padding-left: 0;
}
.tribe-common .nhsuk-radios .nhsuk-radios__item, .tribe-common .tingle-modal-box .ginput_container_radio .nhsuk-radios__item, .tingle-modal-box .tribe-common .ginput_container_radio .nhsuk-radios__item, .tingle-modal-box .ginput_container_radio .gfield_radio .tribe-common .nhsuk-radios li, .tribe-common .tingle-modal-box .ginput_container_radio .gfield_radio li, .tingle-modal-box .tribe-common .ginput_container_radio .gfield_radio li {
  margin: 8px 0;
}
.tribe-common .nhsuk-radios .nhsuk-radios__item label, .tribe-common .tingle-modal-box .ginput_container_radio .nhsuk-radios__item label, .tingle-modal-box .tribe-common .ginput_container_radio .nhsuk-radios__item label, .tingle-modal-box .ginput_container_radio .gfield_radio .tribe-common .nhsuk-radios li label, .tribe-common .tingle-modal-box .ginput_container_radio .gfield_radio li label, .tingle-modal-box .tribe-common .ginput_container_radio .gfield_radio li label {
  padding: 8px 16px 4px 40px;
}
.tribe-common .nhsuk-checkboxes .nhsuk-checkboxes__item, .tribe-common .tingle-modal-box .ginput_container_checkbox .nhsuk-checkboxes__item, .tingle-modal-box .tribe-common .ginput_container_checkbox .nhsuk-checkboxes__item, .tingle-modal-box .ginput_container_checkbox .gfield_checkbox .tribe-common .nhsuk-checkboxes li, .tribe-common .tingle-modal-box .ginput_container_checkbox .gfield_checkbox li, .tingle-modal-box .tribe-common .ginput_container_checkbox .gfield_checkbox li {
  margin: 8px 0;
}
.tribe-common .nhsuk-checkboxes .nhsuk-checkboxes__item label, .tribe-common .tingle-modal-box .ginput_container_checkbox .nhsuk-checkboxes__item label, .tingle-modal-box .tribe-common .ginput_container_checkbox .nhsuk-checkboxes__item label, .tingle-modal-box .ginput_container_checkbox .gfield_checkbox .tribe-common .nhsuk-checkboxes li label, .tribe-common .tingle-modal-box .ginput_container_checkbox .gfield_checkbox li label, .tingle-modal-box .tribe-common .ginput_container_checkbox .gfield_checkbox li label {
  padding: 8px 16px 4px 56px;
}
.tribe-common span.nhsuk-action-link__text {
  margin-left: 40px;
}
.tribe-common .nhsuk-card-group div.nhsuk-grid-column-one-third, .tribe-common .nhsuk-card-group div.nhsuk-grid-column-one-half, .tribe-common .nhsuk-card-group div.nhsuk-grid-column-two-thirds {
  padding: 0 16px;
  margin-bottom: 24px;
}
.tribe-common .nhsuk-card-group div.nhsuk-card__content {
  padding: 24px;
  color: #425563;
}

.tribe-events .tribe-events-c-top-bar__datepicker {
  display: flex;
  align-items: center;
}
.tribe-events .tribe-events-c-top-bar__datepicker span {
  line-height: 1.5;
  padding-right: 8px;
}

.tribe-events-c-top-bar .tribe-topbar-prefix {
  margin-right: 8px;
}

.tribe-common--breakpoint-medium.tribe-common .tribe-common-form-control-text__input {
  padding: 16px;
  margin-right: 8px;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-search__input-group {
  margin-right: 8px;
}

.nhsuk-card__content .tribe-events-calendar-list__event-datetime {
  float: left;
  display: block;
}
.nhsuk-card__content .tribe-events-calendar-list__event-datetime span.tribe-event-date-end {
  display: block;
}

.tribe-common .nhsuk-card-group .event-meta,
.event-meta {
  margin-bottom: 16px;
}
.single-tribe_events .tribe-common .nhsuk-card-group .event-meta,
.single-tribe_events .event-meta {
  margin-bottom: 24px;
}

.tribe-events-address,
.tribe-events-calendar-list__event-datetime {
  font-size: 16px;
  margin-bottom: 0;
}

.event-date-time:after {
  clear: both;
  content: "";
  display: block;
}

.event-date-time,
.venue-address,
.events-cost,
.event-categories {
  font-size: 16px;
}
.event-date-time .nhsuk-icon,
.venue-address .nhsuk-icon,
.events-cost .nhsuk-icon,
.event-categories .nhsuk-icon {
  float: left;
  width: 16px;
  height: 16px;
  margin-right: 8px;
}

.event-categories:after {
  clear: both;
  content: "";
  display: block;
}
.event-categories ul {
  position: relative;
  top: -2px;
}
.event-categories li {
  display: inline-block;
  font-size: 16px;
  float: left;
  margin-right: 4px;
}

.tribe-events-header__top-bar .events-dropdown {
  font-size: 16px;
  padding-right: 8px;
  margin-top: 8px;
}
@media screen and (min-width: 832px) {
  .tribe-events-header__top-bar .events-dropdown {
    margin-top: 0px;
  }
}

.tribe-events .tribe-events-header {
  align-items: flex-end;
}

@media screen and (min-width: 832px) {
  .tribe-events .tribe-events-c-events-bar__search-filters-container {
    background-color: transparent;
  }
  .tribe-events .tribe-events-c-events-bar__search-filters-container .tribe-events-c-search__input {
    background-color: transparent;
  }
}

.tribe-events .tribe-events-c-events-bar__search-form .tribe-events-c-search__button {
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 28px;
  -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-weight: 600;
  margin-top: 0;
  padding: 12px 16px;
  position: relative;
  text-align: center;
  vertical-align: top;
  width: auto;
}

#rsvp-now .tribe-tickets__rsvp-wrapper {
  max-width: 100%;
}

.single-tribe_events .tribe-events-single-event-description {
  margin-top: 32px;
  margin-bottom: 32px;
}
.single-tribe_events .nhsuk-card__img {
  margin-bottom: 16px;
}
.single-tribe_events .tribe-events-single-event-title {
  margin-bottom: 32px;
}

.nowrap {
  white-space: nowrap;
}

/* Events Tickets Styles - only applies if Events > Settings > Display > Enable New RSVP Experience is not selected */
.tribe-tickets-rsvp .tribe-events-tickets {
  background-color: transparent;
}
.tribe-tickets-rsvp .tribe-events-tickets input[type=text],
.tribe-tickets-rsvp .tribe-events-tickets input[type=email],
.tribe-tickets-rsvp .tribe-events-tickets select {
  width: 100%;
}

/* Events Widgets */
.widget-area ol.tribe-list-widget {
  list-style: none;
}
.widget-area ol.tribe-list-widget .tribe-clearfix:before {
  display: none;
}

/* embedded events */
html.js .tribe-events-page-template.wp-embed-responsive {
  color: inherit;
  background: inherit;
  padding: 0;
}
html.js .tribe-events-page-template.wp-embed-responsive .wp-embed {
  background: inherit;
  padding: 0;
  font-size: 16px;
}
html.js .tribe-events-page-template.wp-embed-responsive .wp-embed.nhsuk-care-card {
  margin-top: 20px;
}
html.js .tribe-events-page-template.wp-embed-responsive .wp-embed.nhsuk-care-card .nhsuk-care-card__heading a {
  color: #ffffff;
}
html.js .tribe-events-page-template.wp-embed-responsive .wp-embed.nhsuk-care-card .tribe-events-event-cost {
  position: absolute;
  right: 24px;
  bottom: 24px;
}
html.js .tribe-events-page-template.wp-embed-responsive .wp-embed.nhsuk-care-card .tribe-events-event-cost span {
  display: none;
}
html.js .tribe-events-page-template.wp-embed-responsive .wp-embed.nhsuk-care-card .tribe-events-single-event-description {
  margin-right: 100px;
}
html.js .tribe-events-page-template.wp-embed-responsive .wp-embed.nhsuk-care-card .wp-embed-footer {
  display: none;
}

.tribe-events .tribe-events-c-top-bar__datepicker-form .tribe-events-c-top-bar__datepicker {
  color: #425563;
}

/* Event datetime header */
.tribe-events-schedule__datetime * {
  color: #425563;
}

.download-count {
  float: right;
}

.download-link {
  font-size: 16px;
}

/* ==========================================================================
   COMPONENTS / #EMERGENCY-ALERT
   ========================================================================== */
/**
 * 1. Use inverted link colours due to the yellow
 *    ($color_nhsuk-yellow) background.
 */
.nhsuk-global-alert {
  background-color: #ffeb3b;
  padding-bottom: 24px;
  padding-top: 24px;
}
@media print {
  .nhsuk-global-alert {
    display: none;
  }
}
.nhsuk-global-alert a {
  color: #005eb8;
  /* [1] */
}
.nhsuk-global-alert a:focus {
  background-color: #003d78;
  box-shadow: 0 0 0 4px #003d78;
  color: #ffffff;
  outline: 4px solid transparent;
  outline-offset: 4px;
}
.nhsuk-global-alert a:hover {
  background-color: #005eb8;
  box-shadow: 0 0 0 4px #005eb8;
  color: #ffffff;
}
.nhsuk-global-alert a:active {
  background-color: #002f5c;
  box-shadow: 0 0 0 4px #003d78;
  color: #ffffff;
}

.nhsuk-global-alert__content {
  position: relative;
  margin: 0 16px;
}
.nhsuk-global-alert__content > *:first-child {
  margin-top: 0;
}
.nhsuk-global-alert__content > *:last-child {
  margin-bottom: 0;
}

/* Heading: smaller font size on desktop */
.nhsuk-global-alert__heading {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.4;
  margin: 0;
}
@media (min-width: 40.0625em) {
  .nhsuk-global-alert__heading {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.33333;
  }
}
@media print {
  .nhsuk-global-alert__heading {
    font-size: 18pt;
    line-height: 1.15;
  }
}

/* Margin fix */
.nhsuk-global-alert__message {
  margin-top: 8px;
  line-height: 1.5;
}

.nhsuk-bordered-tabs-container {
  padding-top: 8px;
  background-color: #ffffff;
  border-bottom: 2px solid #aeb7bd;
}
.nhsuk-bordered-tabs-container .nhsuk-bordered-tabs {
  padding: 0;
  margin-bottom: 0;
  display: flex;
}
.nhsuk-bordered-tabs-container .nhsuk-bordered-tabs .nhsuk-bordered-tabs-item {
  display: inline-block;
  padding: 8px 16px;
  margin-bottom: 0;
  font-size: 16px;
}
.nhsuk-bordered-tabs-container .nhsuk-bordered-tabs .nhsuk-bordered-tabs-item a {
  text-decoration: none;
  word-break: initial;
}
.nhsuk-bordered-tabs-container .nhsuk-bordered-tabs .nhsuk-bordered-tabs-item a:visited {
  text-decoration: none;
  color: #330072;
}
.nhsuk-bordered-tabs-container .nhsuk-bordered-tabs .nhsuk-bordered-tabs-item a:hover {
  text-decoration: underline;
}
.nhsuk-bordered-tabs-container .nhsuk-bordered-tabs .nhsuk-bordered-tabs-item.nhsuk-bordered-tabs-item-active {
  background-color: #f0f4f5;
  word-break: initial;
  border: 2px solid #aeb7bd;
  border-radius: 4px 4px 0 0;
  margin-bottom: -2px;
  border-bottom: 2px solid #f0f4f5;
  font-weight: 600;
  color: #005eb8;
}

@media (max-width: 61.865em) {
  .nhsuk-bordered-tabs-container {
    background: inherit;
    border-bottom: none;
  }
  .nhsuk-bordered-tabs-container .close-menu-buddynav {
    display: none;
    background: #ffffff;
    top: -8px;
    position: absolute;
  }
  .nhsuk-bordered-tabs-container .label-navigation-buddynav {
    border-radius: 4px;
    border: 2px solid #768692;
    background: #ffffff;
    padding: 8px 16px;
  }
  .nhsuk-bordered-tabs-container .nhsuk-bordered-tabs {
    display: none;
    list-style: none;
    padding: 0;
    margin-top: 8px;
  }
  .nhsuk-bordered-tabs-container .nhsuk-bordered-tabs .nhsuk-bordered-tabs-item {
    padding: 8px 0 8px 32px;
    position: relative;
    display: list-item;
    background: #ffffff;
    width: 100%;
    border-bottom: 2px solid #f0f4f5;
  }
  .nhsuk-bordered-tabs-container .nhsuk-bordered-tabs .nhsuk-bordered-tabs-item a {
    display: inline-block;
    color: #212b32;
  }
  .nhsuk-bordered-tabs-container .nhsuk-bordered-tabs .nhsuk-bordered-tabs-item.nhsuk-bordered-tabs-item-active {
    background: #005eb8;
  }
  .nhsuk-bordered-tabs-container .nhsuk-bordered-tabs .nhsuk-bordered-tabs-item.nhsuk-bordered-tabs-item-active a {
    color: #ffffff;
  }
}
/* ==========================================================================
    COMPONENTS / #FEEDBACK-BANNER
   ========================================================================== */
/**
 * 1. Hide the banner until it is triggered by Javascript.
 * 2. Bring banner in front of rest of page content.
 * 3. Avoid the banner title overlapping close button.
 * 4. Avoid the banner title overlapping close button on
 *    small mobile devices (below 320px).
 * 5. Change the cursor to a pointer on hover.
 * 6. Repositions the banner into the normal flow of the page, ie not fixed.
 */
.nhsuk-feedback-banner {
  background-color: #ffffff;
  bottom: 0;
  box-shadow: 0 -4px 0 0 rgba(33, 43, 50, 0.16);
  display: none;
  /* [1] */
  margin: 0 auto;
  padding-bottom: 24px;
  padding-top: 24px;
  position: fixed;
  width: 100%;
  z-index: 20;
  /* [2] */
}
@media print {
  .nhsuk-feedback-banner {
    display: none;
  }
}
.nhsuk-feedback-banner.js-inview {
  /* [6] */
  bottom: auto;
  position: relative;
}

.nhsuk-feedback-banner__heading {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.4;
  margin: 0;
  padding-right: 40px;
  /* [3] */
}
@media (min-width: 40.0625em) {
  .nhsuk-feedback-banner__heading {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.33333;
  }
}
@media print {
  .nhsuk-feedback-banner__heading {
    font-size: 18pt;
    line-height: 1.15;
  }
}

.nhsuk-feedback-banner__content {
  position: relative;
}
.nhsuk-feedback-banner__content:after {
  clear: both;
  content: "";
  display: block;
}

.nhsuk-feedback-banner__message {
  margin-bottom: 0;
  margin-top: 8px;
  padding-bottom: 24px;
  /* [4] */
}
@media (min-width: 20em) {
  .nhsuk-feedback-banner__message {
    padding-bottom: 0;
  }
}

.nhsuk-feedback-banner__close {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.66667;
  color: #005eb8;
  background: none;
  border: 0;
  color: #212b32;
  cursor: pointer;
  /* [5] */
  padding: 0;
  position: absolute;
  right: 0;
  text-decoration: underline;
  top: 0;
}
@media (min-width: 40.0625em) {
  .nhsuk-feedback-banner__close {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.71429;
  }
}
@media print {
  .nhsuk-feedback-banner__close {
    font-size: 12pt;
    line-height: 1.2;
  }
}
.nhsuk-feedback-banner__close:visited {
  color: #330072;
}
.nhsuk-feedback-banner__close:hover {
  color: #7C2855;
  text-decoration: none;
}
.nhsuk-feedback-banner__close:focus {
  background-color: #ffeb3b;
  box-shadow: 0 -2px #ffeb3b, 0 4px #212b32;
  color: #212b32;
  outline: 4px solid transparent;
  text-decoration: none;
}
.nhsuk-feedback-banner__close:focus:hover {
  text-decoration: none;
}
.nhsuk-feedback-banner__close:focus:visited {
  color: #212b32;
}
.nhsuk-feedback-banner__close:focus .nhsuk-icon {
  fill: #212b32;
}
.nhsuk-feedback-banner__close:active {
  color: #002f5c;
}
@media (max-width: 19.99em) {
  .nhsuk-feedback-banner__close {
    bottom: 0;
    position: absolute;
    right: 0;
    top: auto;
  }
}

.nhsuk-care-card {
  width: 100%;
}
.nhsuk-care-card .nhsuk-care-card__content {
  overflow: auto;
}

.nhsuk-details .nhsuk-details__text {
  overflow: auto;
}

.nhsuk-dashboard .nhsuk-panel-group__item {
  overflow: hidden;
  margin-bottom: 2rem;
}
.nhsuk-dashboard .nhsuk-panel-group__item .nhsuk-promo__link-wrapper {
  background: inherit;
  box-shadow: none;
  width: 100%;
}
.nhsuk-dashboard .nhsuk-panel-group__item .nhsuk-panel-with-label, .nhsuk-dashboard .nhsuk-panel-group__item .nhsuk-panel.is-style-panel-with-label {
  background: inherit;
  margin: 0;
  margin-top: 0;
  margin-bottom: 0;
  background-size: cover;
  position: relative;
  padding: 33.33% 0;
  height: 100%;
}
.nhsuk-dashboard .nhsuk-panel-group__item .nhsuk-panel-with-label .nhsuk-panel-with-label__label, .nhsuk-panel.is-style-panel-with-label .nhsuk-dashboard .nhsuk-panel-group__item .nhsuk-panel-with-label h3, .nhsuk-panel.is-style-panel-with-label h3 .nhsuk-dashboard .nhsuk-panel-group__item .nhsuk-panel-with-label .rich-text, .nhsuk-dashboard .nhsuk-panel-group__item .nhsuk-panel.is-style-panel-with-label .nhsuk-panel-with-label__label, .nhsuk-dashboard .nhsuk-panel-group__item .nhsuk-panel.is-style-panel-with-label h3, .nhsuk-dashboard .nhsuk-panel-group__item .nhsuk-panel.is-style-panel-with-label h3 .rich-text {
  z-index: 2;
  top: 0;
  margin: 0 -20px;
  position: absolute;
  top: 50%;
  left: 10%;
  max-width: 90%;
  font-size: 1.1rem;
}
.nhsuk-dashboard .nhsuk-panel-group__item .nhsuk-panel-with-label .nhsuk-dashboard__image, .nhsuk-dashboard .nhsuk-panel-group__item .nhsuk-panel.is-style-panel-with-label .nhsuk-dashboard__image {
  width: 100%;
  height: 100%;
}
.nhsuk-dashboard .nhsuk-panel-group__item .nhsuk-panel-with-label .nhsuk-promo__img, .nhsuk-dashboard .nhsuk-panel-group__item .nhsuk-panel.is-style-panel-with-label .nhsuk-promo__img {
  position: relative;
  top: -16px;
  z-index: 1;
}
.nhsuk-dashboard .nhsuk-grid-column-full-width {
  max-height: 300px;
}
.nhsuk-dashboard .nhsuk-grid-column-one-half {
  max-height: 250px;
}
.nhsuk-dashboard .nhsuk-grid-column-one-third, .nhsuk-dashboard .nhsuk-grid-column-two-thirds {
  max-height: 200px;
}

.nhsuk-inset-text--rev, .is-style-quote-reverse {
  background: #005eb8;
  border: 10px solid #005eb8;
  box-shadow: inset 12px 0px 0px 0px #ffffff;
  box-sizing: border-box;
  padding-left: 30px;
  margin: 1rem 0;
  color: #ffffff;
  width: 100%;
}

#content .nhsuk-main-wrapper .nhsuk-inset-text.is-style-quote-warning, .nhsuk-inset-text.is-style-quote-warning {
  border-left-color: #ffeb3b;
}

#content .nhsuk-main-wrapper .nhsuk-inset-text.is-style-quote-warning-reverse, .nhsuk-inset-text.is-style-quote-warning-reverse {
  background: #ffeb3b;
  border: 10px solid #ffeb3b;
  box-shadow: inset 12px 0px 0px 0px #212b32;
  box-sizing: border-box;
  padding-left: 30px;
  margin: 1rem 0;
  color: #212b32;
  width: 100%;
}

#content .nhsuk-main-wrapper .nhsuk-inset-text.is-style-quote-alert, .is-style-quote-alert.nhsuk-inset-text {
  border-left-color: #d5281b;
}

#content .nhsuk-main-wrapper .nhsuk-inset-text.is-style-quote-alert-reverse, .is-style-quote-alert-reverse.nhsuk-inset-text {
  background: #d5281b;
  border: 10px solid #d5281b;
  box-shadow: inset 12px 0px 0px 0px #ffffff;
  box-sizing: border-box;
  padding-left: 30px;
  margin: 1rem 0;
  color: #ffffff;
  width: 100%;
}

.nhsuk-promo .nhsuk-promo__content {
  padding: 0 0 16px 0;
}
.nhsuk-promo .nhsuk-promo__content .nhsuk-image, .nhsuk-promo .nhsuk-promo__content .is-style-nhsuk-image {
  width: 100%;
  padding: 0;
}
.nhsuk-promo .nhsuk-promo__content .nhsuk-promo__heading {
  padding: 8px 16px;
}
.nhsuk-promo .nhsuk-promo__content .nhsuk-promo__description, .nhsuk-promo .nhsuk-promo__content p {
  padding: 8px;
}
.nhsuk-promo .nhsuk-promo__content .nhsuk-readmore {
  padding: 0 32px 8px 0;
}

.is-style-nhsuk-image figcaption {
  margin: 0;
}

figure.is-style-nhsuk-table-responsive thead, figure.is-style-nhsuk-table-responsive tr, figure.is-style-nhsuk-table-responsive th, figure.is-style-nhsuk-table-responsive td {
  border: 0;
}
figure.is-style-nhsuk-table-responsive table {
  margin-bottom: 40px;
  border-spacing: 0;
  vertical-align: top;
  width: 100%;
}
figure.is-style-nhsuk-table-responsive thead th {
  border-bottom: 2px solid #d8dde0;
}
figure.is-style-nhsuk-table-responsive th {
  font-weight: 600;
}
figure.is-style-nhsuk-table-responsive th,
figure.is-style-nhsuk-table-responsive td {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  padding: 8px 16px 8px 0;
  border-bottom: 1px solid #d8dde0;
  text-align: left;
  vertical-align: top;
}
figure.is-style-nhsuk-table-responsive th:last-child,
figure.is-style-nhsuk-table-responsive td:last-child {
  padding-right: 0;
}
figure.is-style-nhsuk-table-responsive figcaption {
  -webkit-clip-path: inset(50%);
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.wp-admin figure.is-style-nhsuk-table-responsive figcaption {
  width: auto;
  clip: auto;
  height: auto;
  position: relative;
  clip-path: unset;
}
@media (min-width: 40.0625em) {
  figure.is-style-nhsuk-table-responsive {
    /*table {
      margin-bottom: 48px;
    }*/
  }
  figure.is-style-nhsuk-table-responsive th,
figure.is-style-nhsuk-table-responsive td {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.47368;
    padding-bottom: 16px;
    padding-right: 24px;
    padding-top: 16px;
  }
}
@media print {
  figure.is-style-nhsuk-table-responsive table {
    page-break-inside: avoid;
  }
  figure.is-style-nhsuk-table-responsive th,
figure.is-style-nhsuk-table-responsive td {
    font-size: 14pt;
    line-height: 1.15;
  }
}

.nhsuk-table-responsive table, .is-style-nhsuk-table-responsive table, table {
  margin: 0;
}

/*
// variations to styling required for gutenberg native blocks
// @author Tony Blacker, NHS Leadership Academy
// @version 1.0 22nd July 2019
*/
/* button extension*/
.nhsuk-button.is-style-secondary, #cookie-notice .cookie-notice-container #cn-notice-buttons .is-style-secondary.cn-button.bootstrap, .tippy-popper .tippy-content .is-style-secondary.gv-approval-toggle, .learndash-wrapper .is-style-secondary.ld-icon.ld-primary-background, .learndash-wrapper .is-style-secondary.ld-expand-button {
  /* secondary button style*/
}

.nhsuk-button.is-style-reverse, #cookie-notice .cookie-notice-container #cn-notice-buttons .is-style-reverse.cn-button.bootstrap, .tippy-popper .tippy-content .is-style-reverse.gv-approval-toggle, .learndash-wrapper .is-style-reverse.ld-icon.ld-primary-background, .learndash-wrapper .is-style-reverse.ld-expand-button {
  /* reverse button style*/
}

/* reveal extension*/
.nhsuk-details.is-style-expander {
  /* expander reveal style*/
}

/*care card extension*/
.wp-block-nhsblocks-card1.nhsuk-care-card.is-style-urgent {
  /* urgent infocard*/
}

.wp-block-nhsblocks-card1.nhsuk-care-card.is-style-immediate {
  /* urgent infocard*/
}

.wp-block-nhsblocks-card1.is-style-warning-callout.nhsuk-care-card,
.nhsuk-care-card.nhsuk-care-card--type.is-style-warning-callout {
  /* Warning Callout */
  background-color: #fff9c4;
  border: 1px solid #ffeb3b;
}
.wp-block-nhsblocks-card1.is-style-warning-callout.nhsuk-care-card .nhsuk-care-card__heading-container,
.nhsuk-care-card.nhsuk-care-card--type.is-style-warning-callout .nhsuk-care-card__heading-container {
  background-color: #ffeb3b;
  display: inline-block;
  top: -16px;
  margin-bottom: 8px;
  padding: 8px 32px;
  position: relative;
}
.wp-block-nhsblocks-card1.is-style-warning-callout.nhsuk-care-card .nhsuk-care-card__heading-container h3,
.nhsuk-care-card.nhsuk-care-card--type.is-style-warning-callout .nhsuk-care-card__heading-container h3 {
  background-color: #ffeb3b;
  color: #212b32 !important;
}
.wp-block-nhsblocks-card1.is-style-warning-callout.nhsuk-care-card .nhsuk-care-card__heading-container .nhsuk-care-card__heading span,
.nhsuk-care-card.nhsuk-care-card--type.is-style-warning-callout .nhsuk-care-card__heading-container .nhsuk-care-card__heading span {
  color: #212b32;
}
.wp-block-nhsblocks-card1.is-style-warning-callout.nhsuk-care-card .nhsuk-care-card__arrow,
.wp-block-nhsblocks-card1.is-style-warning-callout.nhsuk-care-card .nhsuk-care-card__arrow,
.nhsuk-care-card.nhsuk-care-card--type.is-style-warning-callout .nhsuk-care-card__arrow,
.nhsuk-care-card.nhsuk-care-card--type.is-style-warning-callout .nhsuk-care-card__arrow {
  display: none;
}
.wp-block-nhsblocks-card1.is-style-warning-callout.nhsuk-care-card .nhsuk-care-card__content,
.nhsuk-care-card.nhsuk-care-card--type.is-style-warning-callout .nhsuk-care-card__content {
  background-color: #fff9c4;
  padding-top: 0;
  border: none;
}

.nhsuk-care-card__heading-container h3 {
  color: #ffffff !important;
  margin: 0 !important;
}

/*do and dont list extension*/
.nhsuk-do-dont-list svg.nhsuk-icon {
  width: 35px;
  height: 34px;
}

/* Inset text inverted link amendment */
.nhsuk-inset-text .is-style-quote-reverse .nhsuk-inset-text__quote a {
  color: #ffffff;
  font-weight: 700;
}

.nhsuk-hero__overlay {
  margin-bottom: 50px;
}
.nhsuk-hero__overlay .nhsuk-grid-column-two-thirds {
  padding: 0;
}

.wp-block-nhsblocks-heroblock {
  width: auto;
  margin: 0 calc(-50vw + 50%);
}

.nhsuk-card .nhsuk-card__description {
  display: flow-root;
}

.nhsuk-card.is-style-panel-grey {
  background: inherit;
  border: none;
}

.nhsuk-card figure {
  margin: 0;
}

section.nhsuk-section:nth-of-type(odd) {
  background: #f0f4f5;
}

section.nhsuk-section:nth-of-type(even),
[data-type="nhsblocks/stripesblock"]:nth-of-type(even) {
  background: #ffffff;
}

.page-template-full-width-page section.nhsuk-section {
  width: calc(100vw - 20px);
  margin: 0 calc(-50vw + 50% + 12px);
}

section.nhsuk-section,
[data-type="nhsblocks/stripesblock"] .is-block-content {
  padding: 64px 20px;
}
section.nhsuk-section:after,
[data-type="nhsblocks/stripesblock"] .is-block-content:after {
  clear: both;
  content: "";
  display: block;
}

.nhsuk-striped-blocks {
  border: 1px dotted #4c6272;
}
.nhsuk-striped-blocks [data-type="nhsblocks/stripeblock"]:nth-of-type(odd) {
  background: #f0f4f5;
}
.nhsuk-striped-blocks [data-type="nhsblocks/stripeblock"]:nth-of-type(even) {
  background: #ffffff;
}

/* ==========================================================================
   COMPONENTS / #PANEL
   ========================================================================== */
.nhsuk-panel {
  margin-bottom: 40px;
  margin-top: 40px;
  padding: 24px;
  background-color: #ffffff;
  color: #212b32;
  width: 100%;
}
.nhsuk-panel > *:first-child {
  margin-top: 0;
}
.nhsuk-panel > *:last-child {
  margin-bottom: 0;
}
@media (min-width: 40.0625em) {
  .nhsuk-panel {
    margin-bottom: 48px;
  }
}
@media (min-width: 40.0625em) {
  .nhsuk-panel {
    margin-top: 48px;
  }
}
@media (min-width: 40.0625em) {
  .nhsuk-panel {
    padding: 32px;
  }
}
@media print {
  .nhsuk-panel {
    border: 1px solid #212b32;
    page-break-inside: avoid;
  }
}

/* Panel colour variant
   ========================================================================== */
.nhsuk-panel--grey, .nhsuk-panel.is-style-panel-grey {
  background-color: #f0f4f5;
}

/* Panel with label
   ========================================================================== */
.nhsuk-panel-with-label, .nhsuk-panel.is-style-panel-with-label {
  margin-bottom: 40px;
  margin-top: 40px;
  padding: 24px;
  background-color: #ffffff;
  color: #212b32;
  border: 1px solid #d8dde0;
  padding-top: 0 !important;
  /* stylelint-disable-line declaration-no-important */
}
.nhsuk-panel-with-label > *:first-child, .nhsuk-panel.is-style-panel-with-label > *:first-child {
  margin-top: 0;
}
.nhsuk-panel-with-label > *:last-child, .nhsuk-panel.is-style-panel-with-label > *:last-child {
  margin-bottom: 0;
}
@media (min-width: 40.0625em) {
  .nhsuk-panel-with-label, .nhsuk-panel.is-style-panel-with-label {
    margin-bottom: 48px;
  }
}
@media (min-width: 40.0625em) {
  .nhsuk-panel-with-label, .nhsuk-panel.is-style-panel-with-label {
    margin-top: 48px;
  }
}
@media (min-width: 40.0625em) {
  .nhsuk-panel-with-label, .nhsuk-panel.is-style-panel-with-label {
    padding: 32px;
  }
}
@media print {
  .nhsuk-panel-with-label, .nhsuk-panel.is-style-panel-with-label {
    border: 1px solid #212b32;
    page-break-inside: avoid;
  }
}

.nhsuk-panel-with-label__label, .nhsuk-panel.is-style-panel-with-label h3, .nhsuk-panel.is-style-panel-with-label h3 .rich-text {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.4;
  background-color: #005eb8;
  color: #ffffff;
  display: inline-block;
  margin: 0 0 8px -33px;
  padding: 8px 32px;
  position: relative;
  top: -16px;
}
@media (min-width: 40.0625em) {
  .nhsuk-panel-with-label__label, .nhsuk-panel.is-style-panel-with-label h3, .nhsuk-panel.is-style-panel-with-label h3 .rich-text {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.33333;
  }
}
@media print {
  .nhsuk-panel-with-label__label, .nhsuk-panel.is-style-panel-with-label h3, .nhsuk-panel.is-style-panel-with-label h3 .rich-text {
    font-size: 18pt;
    line-height: 1.15;
  }
}
@media (max-width: 40.0525em) {
  .nhsuk-panel-with-label__label, .nhsuk-panel.is-style-panel-with-label h3, .nhsuk-panel.is-style-panel-with-label h3 .rich-text {
    margin-left: -25px;
    margin-right: 0;
    padding: 8px 24px;
    top: -8px;
  }
}
@media print {
  .nhsuk-panel-with-label__label, .nhsuk-panel.is-style-panel-with-label h3, .nhsuk-panel.is-style-panel-with-label h3 .rich-text {
    background: none;
    color: #212b32;
    top: 0;
  }
}
@media print {
  .nhsuk-panel-with-label__label, .nhsuk-panel.is-style-panel-with-label h3, .nhsuk-panel.is-style-panel-with-label h3 .rich-text {
    color: #212b32;
    fill: #212b32;
  }
  .nhsuk-panel-with-label__label:active, .nhsuk-panel.is-style-panel-with-label h3:active, .nhsuk-panel.is-style-panel-with-label h3 .rich-text:active, .nhsuk-panel-with-label__label:focus, .nhsuk-panel.is-style-panel-with-label h3:focus, .nhsuk-panel.is-style-panel-with-label h3 .rich-text:focus, .nhsuk-panel-with-label__label:visited, .nhsuk-panel.is-style-panel-with-label h3:visited, .nhsuk-panel.is-style-panel-with-label h3 .rich-text:visited {
    color: #212b32;
  }
}

/* Panel group
   ========================================================================== */
/**
 * Panel group allows you to have a row of panels.
 *
 * 1. Flexbox is used to make each panel in a row the same height.
 */
.nhsuk-panel-group {
  display: flex;
  flex-wrap: wrap;
  /* [1] */
  margin-bottom: 32px;
}
@media (max-width: 48.0525em) {
  .nhsuk-panel-group {
    margin-bottom: 24px;
  }
}

.nhsuk-panel-group__item {
  display: flex;
  /* [1] */
}
@media (max-width: 48.0525em) {
  .nhsuk-panel-group__item {
    flex: 0 0 100%;
  }
}
@media (max-width: 48.0525em) {
  .nhsuk-panel-group__item {
    margin-bottom: 24px;
  }
  .nhsuk-panel-group__item:last-child {
    margin-bottom: 0;
  }
}
.nhsuk-panel-group__item .nhsuk-panel {
  margin-bottom: 0;
  margin-top: 0;
}

/* ==========================================================================
   COMPONENTS / #PROMO
   ========================================================================== */
/**
 * 1. Extra margin is added to compensate for the box-shadow.
 * 2. Box shadow size is set within settings/_globals.scss.
 * 3. Makes the <a> fill the height of it's parent container.
 * 4. Is needed for the :active top positioning.
 * 5. Removes default <a> text underline from all elements.
 * 6. Adds text underline to promo heading.
 * 7. Creates the 'pressed down' effect when clicked.
 * 8. Border is used to create a divider between the white content
 *    box and an image.
 */
.nhsuk-promo {
  margin-bottom: 36px;
  /* [1] */
  width: 100%;
}

.nhsuk-promo__link-wrapper {
  background-color: #ffffff;
  border: 1px solid transparent;
  box-shadow: 0 4px 0 0 #d8dde0;
  /* [2] */
  display: block;
  height: 100%;
  /* [3] */
  position: relative;
  /* [4] */
  text-decoration: none;
  /* [5] */
}
.nhsuk-promo__link-wrapper:hover {
  background-color: #ffffff;
  color: #005eb8;
}
.nhsuk-promo__link-wrapper:hover .nhsuk-promo__heading {
  color: #7C2855;
}
.nhsuk-promo__link-wrapper:focus {
  background-color: #ffffff;
  box-shadow: 0 4px 0 0 #d8dde0;
}
.nhsuk-promo__link-wrapper:focus .nhsuk-promo__heading {
  background-color: #ffeb3b;
  box-shadow: 0 -2px #ffeb3b, 0 4px #212b32;
  color: #212b32;
  outline: 4px solid transparent;
  text-decoration: none;
}
.nhsuk-promo__link-wrapper:active {
  background-color: #ffffff;
  /* [7] */
  box-shadow: none;
  top: 4px;
  /* [7] */
}
.nhsuk-promo__link-wrapper:active .nhsuk-promo__heading {
  background: none;
  box-shadow: none;
}
.nhsuk-promo__link-wrapper:hover .nhsuk-promo__heading, .nhsuk-promo__link-wrapper:active .nhsuk-promo__heading {
  text-decoration: none;
}

.nhsuk-promo__img {
  border-bottom: 1px solid #f0f4f5;
  /* [8] */
  display: block;
  width: 100%;
}
@media print {
  .nhsuk-promo__img {
    display: none;
  }
}

.nhsuk-promo__heading {
  font-weight: 600;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.4;
  display: inline-block;
  margin-bottom: 16px;
  text-decoration: underline;
}
@media (min-width: 40.0625em) {
  .nhsuk-promo__heading {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.33333;
  }
}
@media print {
  .nhsuk-promo__heading {
    font-size: 18pt;
    line-height: 1.15;
  }
}

.nhsuk-promo__content {
  padding: 24px;
}
.nhsuk-promo__content > *:first-child {
  margin-top: 0;
}
.nhsuk-promo__content > *:last-child {
  margin-bottom: 0;
}
@media (min-width: 40.0625em) {
  .nhsuk-promo__content {
    padding: 32px;
  }
}

.nhsuk-promo__description {
  color: #4c6272;
}

/* Promo size variant
   ========================================================================== */
/**
 * Promo small reduces the size of the text heading and description.
 */
.nhsuk-promo--small .nhsuk-promo__heading, .nhsuk-promo.is-style-promo-small .nhsuk-promo__heading {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
}
@media (min-width: 40.0625em) {
  .nhsuk-promo--small .nhsuk-promo__heading, .nhsuk-promo.is-style-promo-small .nhsuk-promo__heading {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.47368;
  }
}
@media print {
  .nhsuk-promo--small .nhsuk-promo__heading, .nhsuk-promo.is-style-promo-small .nhsuk-promo__heading {
    font-size: 14pt;
    line-height: 1.15;
  }
}
.nhsuk-promo--small .nhsuk-promo__description, .nhsuk-promo.is-style-promo-small .nhsuk-promo__description {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.71429;
}
@media (min-width: 40.0625em) {
  .nhsuk-promo--small .nhsuk-promo__description, .nhsuk-promo.is-style-promo-small .nhsuk-promo__description {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
  }
}
@media print {
  .nhsuk-promo--small .nhsuk-promo__description, .nhsuk-promo.is-style-promo-small .nhsuk-promo__description {
    font-size: 14pt;
    line-height: 1.2;
  }
}

/* Promo group
   ========================================================================== */
/**
 * Promo group allows you to have a row of promos.
 *
 * Flexbox is used to make each promo in a row the same height.
 */
.nhsuk-promo-group {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 36px;
}
@media (max-width: 48.0525em) {
  .nhsuk-promo-group {
    margin-bottom: 28px;
  }
}

.nhsuk-promo-group__item {
  display: flex;
}
@media (max-width: 48.0525em) {
  .nhsuk-promo-group__item {
    flex: 0 0 100%;
  }
}
@media (max-width: 48.0525em) {
  .nhsuk-promo-group__item {
    margin-bottom: 28px;
  }
  .nhsuk-promo-group__item:last-child {
    margin-bottom: 0;
  }
}
.nhsuk-promo-group__item .nhsuk-promo {
  margin-bottom: 0;
}

/* ==========================================================================
   COMPONENTS / #CARE-CARD
   ========================================================================== */
/**
 * Care card default styles.
 *
 * 1. Default care card colour set to blue (non-urgent care card) -
 *    using the @mixin care-card tools/_mixins.scss.
 *    The same mixin is used for each care card, setting the background
 *    colour,text colour and print border width with the variables.
 * 2. This shows as a solid border in high contrast mode in Windows, so helps
 *    differentiates care cards from the rest of the content.
 * 3. 'Random number' for the heading triangle.
 * 4. 'Random number' for the heading triangle positioning.
 * 5. 'Random number' used for spacing to compensate for the triangle.
 * 6. Needed to enable the triangle to show correctly in high contrast mode.
 * 7. Prevent additional padding on headings
 * 8. Give the action link icon sufficient contrast when used in the immediate variant
 */
.nhsuk-care-card {
  margin-bottom: 40px;
  margin-top: 40px;
  /* [1] */
  border: 1px solid transparent;
  /* [2] */
}
@media (min-width: 40.0625em) {
  .nhsuk-care-card {
    margin-bottom: 48px;
  }
}
@media (min-width: 40.0625em) {
  .nhsuk-care-card {
    margin-top: 48px;
  }
}
.nhsuk-care-card .nhsuk-card--care__heading-container {
  background-color: #005eb8;
  color: #ffffff;
}
@media print {
  .nhsuk-care-card {
    border: 4px solid #212b32;
    color: #212b32;
    page-break-inside: avoid;
  }
}

.nhsuk-care-card__heading-container {
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 16px;
  padding-top: 16px;
  position: relative;
}
@media (min-width: 40.0625em) {
  .nhsuk-care-card__heading-container {
    padding-left: 32px;
  }
}
@media (min-width: 40.0625em) {
  .nhsuk-care-card__heading-container {
    padding-right: 32px;
  }
}

.nhsuk-care-card__arrow {
  bottom: -10px;
  /* [3] */
  display: block;
  height: 20px;
  /* [3] */
  left: 30px;
  /* [4] */
  overflow: hidden;
  position: absolute;
  transform: rotate(45deg);
  width: 20px;
  /* [3] */
}
@media print {
  .nhsuk-care-card__arrow {
    display: none;
  }
}
@media (min-width: 40.0625em) {
  .nhsuk-care-card__arrow {
    left: 38px;
    /* [4] */
  }
}
.nhsuk-care-card__arrow:before, .nhsuk-care-card__arrow:after {
  border: solid 32px #005eb8;
  /* [3] */
  content: "";
  display: block;
  height: 0;
  position: absolute;
  top: 0;
  transform: rotate(45deg);
  /* [6] */
  width: 0;
}

.nhsuk-care-card__heading {
  font-weight: 600;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.4;
  margin: 0;
  padding-top: 0;
  /* [7] */
}
@media (min-width: 40.0625em) {
  .nhsuk-care-card__heading {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.33333;
  }
}
@media print {
  .nhsuk-care-card__heading {
    font-size: 18pt;
    line-height: 1.15;
  }
}
@media print {
  .nhsuk-care-card__heading {
    color: #212b32;
    fill: #212b32;
  }
  .nhsuk-care-card__heading:active, .nhsuk-care-card__heading:focus, .nhsuk-care-card__heading:visited {
    color: #212b32;
  }
}

.nhsuk-care-card__content {
  padding-bottom: 24px;
  padding-left: 24px;
  padding-right: 24px;
  background-color: #ffffff;
  border: 1px solid #d8dde0;
  border-top: 0;
  padding-top: 32px;
  /* [5] */
}
.nhsuk-care-card__content > *:first-child {
  margin-top: 0;
}
.nhsuk-care-card__content > *:last-child {
  margin-bottom: 0;
}
@media (min-width: 40.0625em) {
  .nhsuk-care-card__content {
    padding-bottom: 32px;
  }
}
@media (min-width: 40.0625em) {
  .nhsuk-care-card__content {
    padding-left: 32px;
  }
}
@media (min-width: 40.0625em) {
  .nhsuk-care-card__content {
    padding-right: 32px;
  }
}
@media (min-width: 40.0625em) {
  .nhsuk-care-card__content {
    padding-bottom: 32px;
    padding-top: 36px;
    /* [5] */
  }
}
@media print {
  .nhsuk-care-card__content {
    color: #212b32;
    fill: #212b32;
  }
  .nhsuk-care-card__content:active, .nhsuk-care-card__content:focus, .nhsuk-care-card__content:visited {
    color: #212b32;
  }
}

/**
 * Card card variations style.
 *
 * 1. <a> needs to be white because the background colour is black.
 */
.nhsuk-care-card--urgent .nhsuk-card--care__heading-container, .wp-block-nhsblocks-card1.nhsuk-care-card.is-style-urgent .nhsuk-card--care__heading-container {
  background-color: #d5281b;
  color: #ffffff;
}
@media print {
  .nhsuk-care-card--urgent, .wp-block-nhsblocks-card1.nhsuk-care-card.is-style-urgent {
    border: 6px solid #212b32;
    color: #212b32;
    page-break-inside: avoid;
  }
}
.nhsuk-care-card--urgent .nhsuk-care-card__arrow:before, .wp-block-nhsblocks-card1.nhsuk-care-card.is-style-urgent .nhsuk-care-card__arrow:before, .nhsuk-care-card--urgent .nhsuk-care-card__arrow:after, .wp-block-nhsblocks-card1.nhsuk-care-card.is-style-urgent .nhsuk-care-card__arrow:after {
  border-color: #d5281b;
}

.nhsuk-care-card--immediate .nhsuk-card--care__heading-container, .wp-block-nhsblocks-card1.nhsuk-care-card.is-style-immediate .nhsuk-card--care__heading-container {
  background-color: #d5281b;
  color: #ffffff;
}
@media print {
  .nhsuk-care-card--immediate, .wp-block-nhsblocks-card1.nhsuk-care-card.is-style-immediate {
    border: 8px solid #212b32;
    color: #212b32;
    page-break-inside: avoid;
  }
}
.nhsuk-care-card--immediate .nhsuk-care-card__arrow:before, .wp-block-nhsblocks-card1.nhsuk-care-card.is-style-immediate .nhsuk-care-card__arrow:before, .nhsuk-care-card--immediate .nhsuk-care-card__arrow:after, .wp-block-nhsblocks-card1.nhsuk-care-card.is-style-immediate .nhsuk-care-card__arrow:after {
  border-color: #d5281b;
}
.nhsuk-care-card--immediate .nhsuk-care-card__content, .wp-block-nhsblocks-card1.nhsuk-care-card.is-style-immediate .nhsuk-care-card__content {
  background-color: #212b32;
  border: 0;
  color: #ffffff;
}
.nhsuk-care-card--immediate .nhsuk-care-card__content a, .wp-block-nhsblocks-card1.nhsuk-care-card.is-style-immediate .nhsuk-care-card__content a {
  color: #ffffff;
  /* [1] */
}
.nhsuk-care-card--immediate .nhsuk-care-card__content a:focus, .wp-block-nhsblocks-card1.nhsuk-care-card.is-style-immediate .nhsuk-care-card__content a:focus {
  color: #212b32;
  /* [1] */
}
.nhsuk-care-card--immediate .nhsuk-details, .wp-block-nhsblocks-card1.nhsuk-care-card.is-style-immediate .nhsuk-details,
.nhsuk-care-card--immediate .nhsuk-details__summary,
.wp-block-nhsblocks-card1.nhsuk-care-card.is-style-immediate .nhsuk-details__summary {
  color: #ffffff;
}
.nhsuk-care-card--immediate .nhsuk-details__summary:hover, .wp-block-nhsblocks-card1.nhsuk-care-card.is-style-immediate .nhsuk-details__summary:hover {
  color: #ffffff;
}
.nhsuk-care-card--immediate .nhsuk-details__summary:focus, .wp-block-nhsblocks-card1.nhsuk-care-card.is-style-immediate .nhsuk-details__summary:focus {
  color: #212b32;
}
.nhsuk-care-card--immediate .nhsuk-action-link__link .nhsuk-icon__arrow-right-circle, .wp-block-nhsblocks-card1.nhsuk-care-card.is-style-immediate .nhsuk-action-link__link .nhsuk-icon__arrow-right-circle {
  fill: #ffffff;
  /* [8] */
}

.nhsuk-care-card .nhsuk-care-card__heading-container {
  background-color: #005eb8;
  color: #ffffff;
}

.wp-block-nhsblocks-card1.nhsuk-care-card.is-style-urgent {
  /* urgent infocard*/
}
.wp-block-nhsblocks-card1.nhsuk-care-card.is-style-urgent .nhsuk-care-card__heading-container {
  background-color: #d5281b;
}
.wp-block-nhsblocks-card1.nhsuk-care-card.is-style-urgent .nhsuk-care-card__arrow:before, .wp-block-nhsblocks-card1.nhsuk-care-card.is-style-urgent .nhsuk-care-card__arrow:after {
  border-color: #d5281b;
}

.wp-block-nhsblocks-card1.nhsuk-care-card.is-style-immediate {
  /* urgent infocard*/
}
.wp-block-nhsblocks-card1.nhsuk-care-card.is-style-immediate .nhsuk-care-card__content {
  background-color: #212b32;
  color: #ffffff;
}
.wp-block-nhsblocks-card1.nhsuk-care-card.is-style-immediate .nhsuk-care-card__heading-container {
  background-color: #d5281b;
}
.wp-block-nhsblocks-card1.nhsuk-care-card.is-style-immediate .nhsuk-care-card__arrow:before, .wp-block-nhsblocks-card1.nhsuk-care-card.is-style-immediate .nhsuk-care-card__arrow:after {
  border-color: #d5281b;
}

.nhsuk-panel-with-label, .nhsuk-panel.is-style-panel-with-label {
  width: 100%;
}
.nhsuk-panel-with-label .nhsuk-panel-with-label__label a, .nhsuk-panel.is-style-panel-with-label .nhsuk-panel-with-label__label a, .nhsuk-panel.is-style-panel-with-label h3 a, .nhsuk-panel.is-style-panel-with-label h3 .rich-text a, .nhsuk-panel-with-label .nhsuk-panel-with-label__label a:visited {
  color: #ffffff;
}
.nhsuk-panel-with-label .entry-footer span, .nhsuk-panel.is-style-panel-with-label .entry-footer span {
  padding: 0 10px;
}

/*panel extension*/
/* promo extension */
.nhsuk-promo figure {
  margin: 0;
}

.wp-block-nhsblocks-panel1 .paneltext {
  display: flow-root;
}

.wp-block-nhsblock-rowgroup .nhsuk-panel-group {
  padding: 0;
}

.nhsuk-dashboard .nhsuk-panel-group__item {
  overflow: hidden;
  margin-bottom: 2rem;
}
.nhsuk-dashboard .nhsuk-panel-group__item .nhsuk-promo__link-wrapper {
  background: inherit;
  box-shadow: none;
  width: 100%;
}
.nhsuk-dashboard .nhsuk-panel-group__item .nhsuk-panel-with-label, .nhsuk-dashboard .nhsuk-panel-group__item .nhsuk-panel.is-style-panel-with-label {
  background: inherit;
  margin: 0;
  margin-top: 0;
  margin-bottom: 0;
  background-size: cover;
  position: relative;
  padding: 33.33% 0;
  height: 100%;
}
.nhsuk-dashboard .nhsuk-panel-group__item .nhsuk-panel-with-label .nhsuk-panel-with-label__label, .nhsuk-dashboard .nhsuk-panel-group__item .nhsuk-panel.is-style-panel-with-label .nhsuk-panel-with-label__label, .nhsuk-panel.is-style-panel-with-label .nhsuk-dashboard .nhsuk-panel-group__item .nhsuk-panel-with-label h3, .nhsuk-dashboard .nhsuk-panel-group__item .nhsuk-panel.is-style-panel-with-label h3, .nhsuk-panel.is-style-panel-with-label h3 .nhsuk-dashboard .nhsuk-panel-group__item .nhsuk-panel-with-label .rich-text, .nhsuk-dashboard .nhsuk-panel-group__item .nhsuk-panel.is-style-panel-with-label h3 .rich-text {
  z-index: 2;
  top: 0;
  margin: 0 -20px;
  position: absolute;
  top: 50%;
  left: 10%;
  max-width: 90%;
  font-size: 1.1rem;
}
.nhsuk-dashboard .nhsuk-panel-group__item .nhsuk-panel-with-label .nhsuk-dashboard__image, .nhsuk-dashboard .nhsuk-panel-group__item .nhsuk-panel.is-style-panel-with-label .nhsuk-dashboard__image {
  width: 100%;
  height: 100%;
}
.nhsuk-dashboard .nhsuk-panel-group__item .nhsuk-panel-with-label .nhsuk-promo__img, .nhsuk-dashboard .nhsuk-panel-group__item .nhsuk-panel.is-style-panel-with-label .nhsuk-promo__img {
  position: relative;
  top: -16px;
  z-index: 1;
}
.nhsuk-dashboard .nhsuk-grid-column-full-width {
  max-height: 300px;
}
.nhsuk-dashboard .nhsuk-grid-column-one-half {
  max-height: 250px;
}
.nhsuk-dashboard .nhsuk-grid-column-one-third, .nhsuk-dashboard .nhsuk-grid-column-two-thirds {
  max-height: 200px;
}

.nhsuk-promo-group__item {
  margin-bottom: 36px;
}

.wp-block-nhsblocks-promo1 .nhsuk-image, .wp-block-nhsblocks-promo1 .is-style-nhsuk-image {
  width: 100%;
}
.wp-block-nhsblocks-promo1 img.nhsuk-promo__img {
  width: 100%;
  height: auto;
}
.wp-block-nhsblocks-promo1 .nhsuk-promo__description,
.wp-block-nhsblocks-promo1 .nhsuk-promo__heading {
  padding: 0 32px;
}

.nhsuk-promo .nhsuk-promo__content {
  padding: 0 0 16px 0;
}
.nhsuk-promo .nhsuk-promo__content .nhsuk-image, .nhsuk-promo .nhsuk-promo__content .is-style-nhsuk-image {
  width: 100%;
  padding: 0;
}
.nhsuk-promo .nhsuk-promo__content .nhsuk-promo__heading {
  padding: 8px 16px;
}
.nhsuk-promo .nhsuk-promo__content .nhsuk-promo__description, .nhsuk-promo .nhsuk-promo__content p {
  padding: 8px;
}
.nhsuk-promo .nhsuk-promo__content .nhsuk-readmore {
  padding: 0 32px 8px 0;
}

.has-white-color {
  color: #ffffff;
}

.has-white-background-color {
  background-color: #ffffff;
}

.has-nhs-blue-color {
  color: #005eb8;
}

.has-nhs-blue-background-color {
  background-color: #005eb8;
}

.has-nhs-dark-blue-color {
  color: #003087;
}

.has-nhs-dark-blue-background-color {
  background-color: #003087;
}

.has-nhs-bright-blue-color {
  color: #0072ce;
}

.has-nhs-bright-blue-background-color {
  background-color: #0072ce;
}

.has-nhs-light-blue-color {
  color: #41b6e6;
}

.has-nhs-light-blue-background-color {
  background-color: #41b6e6;
}

.has-nhs-mid-grey-color {
  color: #768692;
}

.has-nhs-mid-grey-background-color {
  background-color: #768692;
}

.has-nhs-light-grey-color {
  color: #e8edee;
}

.has-nhs-light-grey-background-color {
  background-color: #e8edee;
}

.has-nhs-dark-grey-color {
  color: #425563;
}

.has-nhs-dark-grey-background-color {
  background-color: #425563;
}

.has-nhs-purple-color {
  color: #330072;
}

.has-nhs-purple-background-color {
  background-color: #330072;
}

.has-nhs-pink-color {
  color: #ae2573;
}

.has-nhs-pink-background-color {
  background-color: #ae2573;
}

.has-nhs-light-purple-color {
  color: #704c9c;
}

.has-nhs-light-purple-background-color {
  background-color: #704c9c;
}

.has-nhs-light-green-color {
  color: #78be20;
}

.has-nhs-light-green-background-color {
  background-color: #78be20;
}

.has-nhs-dark-green-color {
  color: #006747;
}

.has-nhs-dark-green-background-color {
  background-color: #006747;
}

.has-nhs-aqua-green-color {
  color: #00A499;
}

.has-nhs-aqua-green-background-color {
  background-color: #00A499;
}

.has-nhs-black-color {
  color: #212b32;
}

.has-nhs-black-background-color {
  background-color: #212b32;
}

.has-emergency-red-color {
  color: #d5281b;
}

.has-emergency-red-background-color {
  background-color: #d5281b;
}

.has-nhs-yellow-color {
  color: #ffeb3b;
}

.has-nhs-yellow-background-color {
  background-color: #ffeb3b;
}

.has-nhs-warm-yellow-color {
  color: #ffb81C;
}

.has-nhs-warm-yellow-background-color {
  background-color: #ffb81C;
}

.has-gds-black-color {
  color: "#0b0c0c";
}

.has-gds-black-background-color {
  background-color: "#0b0c0c";
}

#cookie-notice {
  position: fixed;
  min-width: 100%;
  height: auto;
  padding: 16px 0;
  z-index: 100000;
  letter-spacing: 0;
  left: 0;
  text-align: center;
  border-top: 4px solid #003087;
  font-weight: normal;
  padding: 0;
}
#cookie-notice .cookie-notice-container {
  background-color: #ffffff;
  padding: 0;
}
#cookie-notice .cookie-notice-container .cn-text-container {
  padding-top: 16px;
  color: #003087;
  text-align: left;
}
#cookie-notice .cookie-notice-container #cn-notice-buttons {
  padding-bottom: 16px;
  display: block;
  text-align: right;
}
#cookie-notice .cookie-notice-container #cn-notice-buttons .cn-button.bootstrap {
  background: #007f3b;
  margin-bottom: 0;
}
#cookie-notice .cookie-notice-container .cn-close-icon {
  opacity: 1;
  top: 16px;
}
#cookie-notice .cookie-notice-container .cn-close-icon:after, #cookie-notice .cookie-notice-container .cn-close-icon:before {
  background-color: #212b32;
  height: 40px;
}
#cookie-notice .cookie-notice-container .cn-close-icon.focus-visible {
  height: 40px;
  width: 40px;
}

#ccc #ccc-icon:active {
  top: auto !important;
}

/*# sourceMappingURL=style.css.map */