@charset "UTF-8";
/* fixes for new nice.bootstrap.updated.css*/
@media (min-width: 768px) {
  .text-lowercase-unless-phone {
    text-transform: lowercase; }
  /* fix for tab pages with only one or two sections, e.g. /guidance/ta425/informationforpublic */
  #guidance-tabs-container .sections.span3.toresponsive {
    min-height: 86px; } }

/* topic summary fixes to deal with no more orchard zone-flipping in the html*/
.newupdmessage {
  margin: 1em 1em 0 0; }

.content-primary.fullwidth {
  width: 100%; }

/* hide date filter on proposed guidance list */
.filter-title.dropdown-heading.hidden {
  display: none; }

/* Link button is used in place of .btn-link in bootstrap. Because btn-link isn't styled properly. */
.link-button {
  background: none;
  border: 0;
  padding: 0;
  color: #005ea5;
  text-decoration: underline; }

.link-button:hover {
  color: #2e8aca; }

.link-button:focus {
  outline: 3px solid #0092a6; }

/* Loader/spinner, used for loading async e.g. rationale and impact expanding sections */
.loader {
  text-align: center; }

.loader .icon-spinner {
  font-size: 30px;
  margin-top: 10px;
  margin-bottom: 10px; }

.loader[aria-hidden='true'] {
  display: none; }

/* An exandable is a expand/collapse container */
.expandable > .section:first-child {
  margin-top: 0;
  padding-top: 0; }

.expandable > .section:first-child > .section:first-child {
  margin-top: 0;
  padding-top: 0; }

.expandable[aria-hidden='true'] {
  display: none; }

/* Hide visually, but keep for screenreaders */
.visually-hidden {
  /* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility */
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }

.topic-browse-h2 {
  font-size: 24px !important;
  line-height: 1.25 !important;
  font-weight: 400 !important;
  padding-left: 24px !important; }

.subtitle-withlinks h2.h4 {
  display: inline; }

.filter-title {
  color: #0e0e0e;
  font-weight: bold;
  margin-bottom: 0; }

.filter-title, .dropdown-heading {
  border: none; }

.mobile-dropdown .dropdown-heading {
  font-size: 16px;
  margin-left: 0;
  line-height: 26px; }

.type-filter-container .filter-title {
  margin-left: 24px; }

/* Bit of a hack to cater for the fact that NICE.bootstrap has a body > .layout rule,
  which is broken in Guidance Web, because we introduce an extra main tag */
body > main > .layout {
  width: 95.74468085%;
  max-width: 73.125rem;
  margin-left: auto;
  margin-right: auto; }

/* Panels. Can be removed from this when we roll out the Design System to Guidance Web, and inherit panel styling from there. */
.panel {
  background: #f7f4f1;
  border: 1px solid #d6d6d6;
  padding: 1rem; }

.panel a:hover {
  color: #314c60; }

.panel .section {
  border-top: 0; }

.panel > :first-child {
  margin-top: 0; }

.panel > :last-child {
  margin-bottom: 0; }

.panel--impact {
  background: #00436c;
  border: 1px solid #00436c;
  color: #fff; }

.panel--impact a,
.panel--impact h1,
.panel--impact h2,
.panel--impact h3,
.panel--impact h4,
.panel--impact h5,
.panel--impact h6 {
  color: #fff; }

.panel--impact a:hover {
  color: #f5f5f5; }

.panel--primary {
  background: #fff;
  border: 3px solid #91c0cb; }

/* 'Resource' panels are a specific type of panel used on tools and resources tabs amongst others */
.panel-resources {
  background: transparent;
  border: 0;
  padding: 0; }

@media (max-width: 375px) {
  .published-date time {
    display: block; } }

/* Fix for guidance logos overlapping responsively */
.guidance_logos img {
  max-width: 90%;
  max-height: 100px; }

/* Making the mobile guidance logos visually aligned */
@media screen and (max-width: 767px) {
  .guidance_logos img {
    max-width: 240px;
    max-height: none;
    margin-bottom: 1rem;
    margin-left: 0; } }

.share-links .dropdown-menu {
  overflow: hidden; }

/* Fix for inconsistent sizing of co-authors */
.author_logos {
  list-style-type: none;
  margin: 0;
  display: flex;
  flex-flow: row wrap;
  padding: 0 !important; }

.author_logos__item {
  padding: 1.5rem;
  border: 1px solid #e9e9e9;
  box-sizing: border-box;
  align-items: center;
  display: flex;
  margin: 0 0.5rem 0.5rem 0; }

.author_logos__logo {
  max-width: 300px;
  max-height: 75px; }

/* Fix for find guidance mobile filters overlapping COVID banner */
#guidance-tabs-container .tabbable {
  margin-top: 4.3%;
  /* this cancels the -10px present in NICE.base, and adds a little breath afterwards that's equal in size to the horizontal padding to the edge of the viewport */ }

/* Temp fix for guidance panels until we scrap the tabs */
#guidance-tabs-container .panel:not(.panel--inverse, .panel--primary, .panel--impact) {
  background-color: #eeeae4; }

.panel--details {
  padding: 0;
  margin: 0 0 2rem; }
  .panel--details:not(.panel--impact):not(.panel--primary) {
    background: #e9e9e9; }
  .panel--details summary {
    color: #005ea5;
    cursor: pointer;
    padding: 1rem;
    list-style: none;
    display: flex;
    gap: 0.5em;
    align-items: start; }
    .panel--details summary > span {
      text-decoration: underline; }
    .panel--details summary::before {
      content: '▶︎';
      width: 1em;
      flex-shrink: 0;
      transition: 0.3s; }
    .panel--details summary:hover > span {
      text-decoration: none; }
    .panel--details summary:hover::after {
      text-decoration: none; }
    .panel--details summary:focus-visible {
      outline: .25rem solid #0092a6; }
  .panel--details details {
    position: relative; }
  .panel--details details[open] summary::before {
    transform: rotate(90deg);
    transform-origin: 40% 45% 0; }
  .panel--details details[open] summary::after {
    display: inline-block;
    content: "Close";
    position: absolute;
    left: 1rem;
    bottom: -2.8rem;
    text-decoration: underline; }
  .panel--details.panel--impact summary {
    color: #fff; }
  .panel--details + .panel--details {
    margin-top: -1rem; }

.panel--reveal {
  border-left: 4px solid;
  border-color: #adadad;
  overflow: auto;
  margin: 1rem 1rem 4rem 1rem;
  padding: 0.5rem 1rem; }
  .panel--reveal p:first-child {
    margin-top: 0; }
  .panel--reveal p:last-child {
    margin-bottom: 0; }
  .panel--impact .panel--reveal {
    border-color: #fff; }

.web-viewer-content div.itemizedlist.indented,
.web-viewer-content p.numbered-paragraph {
  margin-left: 4em; }
  .web-viewer-content div.itemizedlist.indented .paragraph-number,
  .web-viewer-content p.numbered-paragraph .paragraph-number {
    float: left;
    margin-left: -4em; }

.web-viewer-content article.numbered-paragraph {
  display: flex;
  margin-left: 0; }
  .web-viewer-content article.numbered-paragraph > h1, .web-viewer-content article.numbered-paragraph > h2, .web-viewer-content article.numbered-paragraph > h3, .web-viewer-content article.numbered-paragraph > h4, .web-viewer-content article.numbered-paragraph > h5, .web-viewer-content article.numbered-paragraph > h6 {
    font-size: inherit;
    font-weight: normal;
    flex: 0 0 4em;
    font-family: inherit;
    line-height: 1.6;
    padding-right: 10px;
    margin-top: 0;
    box-sizing: border-box; }

.web-viewer-content .title > a {
  text-decoration-line: none;
  color: initial; }

#guidance-tabs-container.html-conversion .pagination {
  margin-bottom: 0; }
  #guidance-tabs-container.html-conversion .pagination li.previous a {
    width: auto; }