/*Theme Name:   NHS Cornwall (Nightingale)*/
/*Theme URI:    */
/*Description:  A Nightingale child theme */
/*Author:       Royal Cornwall Hospitals NHS Trust*/
/*Author URI:   */
/*Template:     nightingale*/
/*Version:      2.6 */

/* Change main container's width */
.nhsuk-width-container {
  max-width: 1200px;
}

/* Colour adjustments*/
.nhsuk-header,
.nhsuk-header__navigation {
  background-color: #00529E;
  background: #00529E;
}

.nhsuk-hero--image-description .nhsuk-hero-content {
  background-color: #00529E;
}

.nhsuk-header--white {
  background-color: #fff;
  background: #fff;
}
.nhsuk-button {
  background-color: #006646;
  padding: 10px 15px;
}

/* End colour adjustments*/

/* Accessibility changes */
.nhsuk-footer__list .nhsuk-footer__list-item .nhsuk-footer__list-item-link,
.nhsuk-back-to-top__link {
  color: #003087;
}

.nhsuk-footer__copyright {
  color: #454545;
}

.nhsuk-breadcrumb__item>a {
  color: #00529E;
}

/* Fix for footer paragraph links small text AAA contrast*/
#nhsuk-footer p > a {
    color: #003087;
    }

/* Fix for image captions and form hints small text AAA contrast*/
.wp-block-image figcaption, .wp-block-embed figcaption, .nhsuk-hint {
    color: #3d505c;
}

/* End accessibility changes */

/* A-Z shortcode styles */
nav#nhsuk-nav-a-z ol.nhsuk-list li.nhsuk-u-margin-bottom-0.nhsuk-u-float-left.nhsuk-u-margin-right-1 {
  display: inline;
}

.disabled {
  color: #3d505c;
}

.disabled:hover {
  color: #3d505c;
}

.nhsuk-list--border li {
  border-bottom: 1px solid #d8dde0;
  padding: 8px 0 16px;
}

ol.nhsuk-list.nhsuk-u-clear.nhsuk-u-margin-0 {
  display: flex;
  justify-content: space-between;
}

nav#nhsuk-nav-a-z {
  padding: 10px 10px;
  background: #fff;
}

@media (min-width: 990px) and (max-width: 61.865em) {
  ol.nhsuk-list.nhsuk-u-clear.nhsuk-u-margin-0 {
    display: block;
  }
}

  ol.nhsuk-list.nhsuk-u-clear.nhsuk-u-margin-0 {
    display: block;
  }

@media (max-width: 40.0625em) {
    #nhsuk-nav-a-z > ol >li > a {
        min-width: 44px;
    }
}

@media (min-width: 40.0625em) {
    #nhsuk-nav-a-z > ol >li > a {
        padding: 16px 20px !important;
    }
}

/* End A-Z shortcode styles */
/* START ACCESSIBILITY TOOLBAR STYLES */

.accessibilityTools-grayscale {
    filter: grayscale(100%) !important;
    -webkit-filter: grayscale(100%) !important;
  }
  .accessibilityTools-highlightLinks a,
  .accessibilityTools-highlightLinks a * {
    background-color: #000 !important;
    color: #FF0 !important;
    text-decoration: underline !important;
  }
  .accessibilityTools-contrast {
    background: #000!important;
    filter: invert(100%);
    -webkit-filter: invert(100%);
  }
 
  .accessibilityTools-b-and-w * {
    background-color: #000 !important;
    color: #fff !important;
  }

  .accessibilityTools-b-and-y * {
    background-color: #000 !important;
    color: #FF0 !important;
  }

.toolbarContainer {
    width: 100%;
    background-color: blue;
    display: flex;
    flex-direction: column;
    z-index: +5;
}

.btnContainer { 
    justify-content: end;
    width: 100%;
    z-index: 102;
    top: 0;
    right: 0;
    margin-bottom: 20px;
    flex-direction: row;
}

.hideAccessBtn, .reset-all-acc {
   padding: 0.5em 0.5em;
    background-color: rgb(0,48,135);
    color: white;
    border-radius: 15px;
    cursor: pointer;
    box-shadow: none;
    border: 2px solid white;
    padding: 0.3em 0.5em;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    margin: 5px;
    float: right;
}

select {
    margin-top: 0px !important;
}

.innerToolbar{ 
    position: fixed;
    bottom: 0;
    display: none;
    background-color: #00529e;
    color: #fff;
    border: 2px solid black;
    flex-wrap: wrap;
    align-items: flex-start;
    z-index: 10000;
    justify-content: center;
    width: 100%;
    flex-direction: row;
    height: auto;
    max-height: 90vh;
    overflow-y: scroll;
    padding-bottom: 2%;
}

.acc-contrast {
    display: flex;
    flex-direction: column;
}

.acc-fonts, .acc-contrast, .acc-text-size, .acc-reset-all-container {
    text-align: center;
}

.acc-links {
    text-align: none;
}

.access-controls {
    padding: 0.3em 1em;
    background-color: #000;
    cursor: pointer;
    color: #fff;
    margin-bottom: 10px;
    box-shadow: none;
    border: 1px solid white;
}


.innerToolbar h3 {
    color: #fff;
    margin-bottom: 0.7em;
    margin-top: 0;
    text-align: left;
    border-bottom: none;
    text-align: center;
}

.access-controls.b-w {
    color: #fff;
}

.access-controls.b-y {
    color: #FF0;
}

.access-controls.b-w:focus, .access-controls.b-y:focus{
    color: #212b32;
}

.contrast-reset, .text-reset {
    background-color: #006630;
    color: #fff;
 }

 .reset-all-acc {
    background-color: #006630;
}

.select#accFontFamily {
    padding: 12px 10px;
}

/* font size for mobile */
.innerToolbar h3, .toolbarContainer, .innerToolbar, .innerToolbar div, .acc-text-size, .acc-contrast, .acc-links, .acc-fonts {
    font-size: 20px !important;
}
.innerToolbar select#accFontFamily, .innerToolbar select#accFontFamily option, .access-controls, .hideAccessBtn, .reset-all-acc, #google_translate_element, .skiptranslate.goog-te-gadget {
    font-size: 14px !important;
}

@media only screen and (min-width: 712px) {
    /* font sizes for tablet */
    .innerToolbar h3, .toolbarContainer, .innerToolbar, .innerToolbar div, .acc-text-size, .acc-contrast, .acc-links, .acc-fonts {
    font-size: 24px !important;
    }
    .innerToolbar select#accFontFamily, .innerToolbar select#accFontFamily option, .access-controls, .hideAccessBtn, .reset-all-acc, .innerToolbar .acc-lang, #google_translate_element, .skiptranslate.goog-te-gadget, select.goog-te-combo {
        font-size: 18px !important;
    }
    
}

@media only screen and (min-width: 1024px) {
    .innerToolbar h3 {
        margin-bottom: 1em;
        margin-top: 0;
    }
}

    .acc-contrast {
       display: block;
    }

    .acc-fonts, .acc-contrast, .acc-text-size, .acc-links
    {
        margin-bottom: 0.5em;
        margin-left: 0.5em;
        margin-right: 0.5em;
    }

/*OpenDyslexic font*/
@font-face {
  font-family: OpenDyslexicMono-Regular;
  src: url(/wp-content/themes/NHS-Cornwall-Nightingale/fonts/OpenDyslexic/OpenDyslexicMono-Regular.otf);
  font-weight: normal;
}

@font-face {
  font-family: OpenDyslexic-Regular;
  src: url(/wp-content/themes/NHS-Cornwall-Nightingale/fonts/OpenDyslexic/OpenDyslexic-Regular.otf);
  font-weight: normal;
}

/* END ACCESSIBILITY TOOLBAR STYLES */


/* Back to Top button */
#back-to-top {
  position: fixed;
  right: 0;
  top: 40vh;
  font-size: 1em;
  padding: 7px 10px;
  z-index: 9000;
  opacity: 0;
}

a#back-to-top:focus {
    opacity: 1 !important;
}

#back-to-top-tip {
  top: 0;
  position: fixed;
  right: 0;
  opacity: 0;
  display: block;
  background: #ffeb3b;
  color: #000;
  border: 2px solid black;
  font-size: 1px;
}

#back-to-top-tip:focus {
  opacity: 1;
  z-index: 99;
  padding: 1%;
  font-size: 1em;
}

@media (max-width: 400px) {
    #back-to-top {
        top: 25vh;
    }
}
/* END Back to Top button */

/* custom heights for blocks */
@media (min-width: 782px) {
  .min-height-100 {
    min-height: 100px;
  }
  .min-height-110 {
    min-height: 110px;
  }
  .min-height-120 {
    min-height: 120px;
  }
  .min-height-130 {
    min-height: 130px;
  }
  .min-height-140 {
    min-height: 140px;
  }
  .min-height-150 {
    min-height: 150px;
  }
  .min-height-160 {
    min-height: 160px;
  }
  .min-height-170 {
    min-height: 170px;
  }
  .min-height-180 {
    min-height: 180px;
  }
  .min-height-190 {
    min-height: 190px;
  }
  .min-height-200 {
    min-height: 200px;
  }
  .min-height-210 {
    min-height: 210px;
  }
  .min-height-220 {
    min-height: 220px;
  }
  .min-height-230 {
    min-height: 230px;
  }
  .min-height-240 {
    min-height: 240px;
  }
  .min-height-250 {
    min-height: 250px;
  }
  .min-height-260 {
    min-height: 260px;
  }
  .min-height-270 {
    min-height: 270px;
  }
  .min-height-280 {
    min-height: 280px;
  }
  .min-height-290 {
    min-height: 290px;
  }
  .min-height-300 {
    min-height: 300px;
  }
}

/* get rid of bottom margin on custom colour boxes */
.wp-block-columns>.wp-block-column>.wp-block-lazyblock-link-box-title-only>.nhsuk-card, .wp-block-columns>.wp-block-column>.nhsuk-card {
  margin-bottom: 0px;
}
.wp-block-columns {
  margin-bottom: 1.5em;
}

/* full width panel with image */
.full-width-section {
    width: 100vw;
    margin-left: calc(49.2% - 50vw);
    padding-top: 60px;
    -webkit-justify-content: center;
}
/* must match full page container width */
.full-width-section-container {
    max-width: 1200px;
    margin: 0 auto;
}
.image-border {
    border: 5px solid #adbcc7;
}
/* fix issue where main menu items (and header search button) have black text and a slightly darker black bg when hoevered and focused, or hovered and active */
/* WARNING: Will need editing if the theme colour changes. Currently tested with nhs-blue, nhs-dark-blue and nhs-dark-green only*/
a.nhsuk-header__navigation-link:focus:hover, a.nhsuk-header__navigation-link:active:hover {
    color: white;
}
.nhsuk-header--white .nhsuk-search__submit:focus .nhsuk-icon__search {
    fill: #fff;
}
/* Fix the search input so that the colour contrast is WCAG compliant */
  .nhsuk-header.nhsuk-header--white .nhsuk-header__search-wrap input[type=search], #primary .page-content .nhsuk-header__search-wrap .nhsuk-search__input {
    border: 2px solid #3d505c;
}
/* Add border to 2nd (and 3rd) search */
#search2 .nhsuk-search__submit, #search3 .nhsuk-search__submit:hover {
    border: 2px solid #3d505c;
    border-left: none;
}
/* Fix lack of focus styles on GDPR plugin elements */
#wt-cli-tab-advertisement:focus, #wt-cli-tab-others:focus, #wt-cli-tab-analytics:focus, #wt-cli-tab-performance:focus, #wt-cli-tab-functional:focus, #wt-cli-tab-necessary:focus, #cookie-law-info-again:focus  {
    background-color: #ffeb3b;
    border-bottom: 4px solid #212b32;
    box-shadow: none;
    color: #212b32;
    outline: 4px solid transparent;
    outline-offset: 4px;
    text-decoration: none;
}
#cliModalClose:focus {
    background-color: #ffeb3b;
    color: #212b32;
}
.cli-tab-section > .cli-tab-header > .cli-switch:focus-within {
    outline: 4px solid #ffeb3b;
}

/* Ensure cookie banner does not get cut off at 400% zoom as per accessibility audit */

#cookie-law-info-bar {
    max-height: 100vh;
    overflow-y: scroll;
}

/* Fix colour contrast for categories and tags on posts */
footer.article-footer p {
    background-color: white;
    padding: 10px;
}

/* BEGIN ianrmedia responsive table generator styles */
:root {
    --bg-table-stripe: #f6f6f5;
    --b-table: #e3e3e2;
    --caption: #242423;
}

table {
    background-color: transparent;
    border-collapse:collapse;
  	font-family: Arial, Helvetica, sans-serif
}

th {
    text-align:left
}

.dcf-txt-center {
      text-align: center!important
    }

    .dcf-txt-left {
      text-align: left!important
    }

    .dcf-txt-right {
      text-align: right!important
    }
    
.dcf-table caption {
      color: var(--caption);
      font-size: 1.13em;
      font-weight: 700;
      padding-bottom: .56rem
    }

    .dcf-table thead {
      font-size: .84em
    }

    .dcf-table tbody {
      border-bottom: 1px solid var(--b-table);
      border-top: 1px solid var(--b-table);
      font-size: .84em
    }

    .dcf-table tfoot {
      font-size: .84em
    }

    .dcf-table td, .dcf-table th {
      padding-right: 1.78em
    }

    .dcf-table-bordered, .dcf-table-bordered td, .dcf-table-bordered th {
      border: 1px solid var(--b-table)
    }

    .dcf-table-bordered td, .dcf-table-bordered th, .dcf-table-striped td, .dcf-table-striped th {
      padding-left: 1em;
      padding-right: 1em
    }

    .dcf-table-bordered tr:not(:last-child), .dcf-table-striped tr:not(:last-child) {
      border-bottom: 1px solid var(--b-table)
    }

    .dcf-table-striped tbody tr:nth-of-type(2n) {
      background-color: var(--bg-table-stripe)
    }

    .dcf-table thead td, .dcf-table thead th {
      padding-bottom: .75em;
      vertical-align: bottom
    }

    .dcf-table tbody td, .dcf-table tbody th, .dcf-table tfoot td, .dcf-table tfoot th {
      padding-top: .75em;
      vertical-align: top
    }

    .dcf-table tbody td, .dcf-table tbody th {
      padding-bottom: .75em
    }

    .dcf-table-bordered thead th {
      padding-top: 1.33em
    }

    .dcf-wrapper-table-scroll {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      left: 50%;
      margin-left: -50vw;
      margin-right: -50vw;
      padding-bottom: 1em;
      position: relative;
      right: 50%;
      width: 100vw
    }

    @media only screen and (max-width:42.09em) {
      .dcf-table-responsive thead {
        clip: rect(0 0 0 0);
        -webkit-clip-path: inset(50%);
        clip-path: inset(50%);
        height: 1px;
        overflow: hidden;
        position: absolute;
        width: 1px;
        white-space: nowrap
      }
      .dcf-table-responsive tr {
        display: block
      }
      .dcf-table-responsive td {
        -webkit-column-gap: 3.16vw;
        -moz-column-gap: 3.16vw;
        column-gap: 3.16vw;
        display: grid;
        grid-template-columns: 1fr 2fr;
        text-align: left!important
      }
      .dcf-table-responsive.dcf-table-bordered, .dcf-table-responsive.dcf-table-bordered thead th {
        border-width: 0
      }
      .dcf-table-responsive.dcf-table-bordered tbody td {
        border-top-width: 0
      }
      .dcf-table-responsive:not(.dcf-table-bordered) tbody tr {
        padding-bottom: .75em
      }
      .dcf-table-responsive:not(.dcf-table-bordered) tbody td {
        padding-bottom: 0
      }
      .dcf-table-responsive:not(.dcf-table-bordered):not(.dcf-table-striped) tbody td {
        padding-right: 0
      }
      .dcf-table-responsive.dcf-table-bordered tbody tr:last-child td:last-child {
        border-bottom-width: 0
      }
      .dcf-table-responsive tbody td:before {
        content: attr(data-label);
        float: left;
        font-weight: 700;
        padding-right: 1.78em
      }
    }

.dcf-overflow-x-auto {
      overflow-x: auto!important;
      -webkit-overflow-scrolling: touch
    }
    
.dcf-w-100\% {
  width: 100%!important;
}
/* END ianrmedia responsive table generator styles */

/* Add link opening in new tab warning automatically */

a[target="_blank"]:after { 
    content: " (opens in new tab)"; 
    padding-right: 8px;
}
/* START Trac Styles */
ul.clearfix {
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex; 
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    list-style-type: none;
    padding: 0px;
}
.hj-css-sector-icon {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
h3.hj-css-icon-text {
    color: white;
}
.sector1, .sector2, .sector3, .sector4, .sector5, .sector6, .sector7, .sector8, .sector9, .sector10, .sector80 {
    display: block;
    background-color: #00529E;
}
ul.clearfix > li {
    line-height: 0px;
    margin: 10px;
    flex: 2 1 auto;
    
}
.hj-css-icon + div {
    display: flex;
    padding: 0px 25px 0 25px;
    align-items: center;
}
@media only screen and (max-width: 440px) {
    .hj-css-icon {
        display: none;
    }
}
    @media only screen and (max-width: 440px) {
    .hj-css-icon + div {
        padding: 15px 25px 0 25px;
    }
}
#hj-loading-section {
    display: none;
}
.hj-job.row-even {
    padding: 20px;
}
.hj-job.row-odd {
    background-color: white;
    padding: 20px;
}
.hj-employer-icons {
    display: flex;
    flex-wrap: wrap;
}
.hj-employer-icons > a {
    flex-grow: 1;
    display: block;
    min-width: 33%;
    padding-bottom: 15px;
}
.sr-only {
    min-width: 100%;
}
/* END Trac Styles */
/* START Skip to content contrast fix */

.skip-link.screen-reader-text:focus {
    background-color: #FAE100;
    color: BLACK;
}
/* END Skip to content contrast fix */

/* START Change optional tag colour for gravity forms */
span.nhsuk-tag {
    background-color: #00529E;
}
/* Step numbers on multiple-page forms colour contrast fix */
.gform_wrapper.gravity-theme .gf_step_number {
    color: #000;
}
/* END Changes for gravity forms */

/* START Changes to standard sidebar width */
@media (min-width: 48.0625em) {
#primary > .nhsuk-grid-column-two-thirds {
    float: left;
    width: 75%;
}
}

@media (min-width: 48.0625em) {
#primary >.nhsuk-grid-column-one-third {
    float: left;
    width: 25%;
}
}
/* END Changes to standard sidebar width */

/* Fix colour contrast issue on checked options(gravity forms) */
.nhsuk-select option:checked {
    background-color: #00529e;
    color: #fff;
}
/* Less margin for inset text - default is too big */
.nhsuk-inset-text {
    margin: 24px 0;
}

/* Make h4s slightly smaller*/

h4, .nhsuk-heading-s {
    font-size: 1.1rem;
}
@media (min-width: 40.0625em){
    h4, .nhsuk-heading-s {
        font-size: 1.3rem;
    }
}
/* Give Panel region less margin-top */
.nhsuk-card--feature, .nhsuk-card.is-style-panel-with-label {
    margin-top: 0px;
}
/* Correct spacing in sidebar */
#secondary section {
  margin-bottom: 10px;
}
/* START Fix nhsuk-table's responsive breakpoint. */
@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: block;
    }
     .nhsuk-table-responsive .nhsuk-table__body .nhsuk-table__row td, figure.is-style-nhsuk-table-responsive .nhsuk-table__body .nhsuk-table__row td {
         display: flex;
    }
    .nhsuk-table-responsive .nhsuk-table__body .nhsuk-table-responsive__heading, figure.is-style-nhsuk-table-responsive .nhsuk-table__body .nhsuk-table-responsive__heading {
        display: block;
    }
    
    .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;
        display: block;
    }
}

@media (min-width: 905px) {
    .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;
    }
    .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;
    }
    .nhsuk-table-responsive .nhsuk-table__body .nhsuk-table__row, figure.is-style-nhsuk-table-responsive .nhsuk-table__body .nhsuk-table__row {
        display: table-row;
    }
    .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;
    }
}

@media (max-width: 905px) {
    .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;
    }
    .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;
    }
}
/* END Fix nhsuk-table's responsive breakpoint. */

/* Cookie bar focus styles fix - Report */
#cookie-law-info-again:hover {
    box-shadow: inset 0 0 0 2px #fae100;
}
#cookie-law-info-again:focus, #cliModalClose:focus {
    border: 2px yellow solid;
    outline: 3px solid black;
}
.cli-tab-pane:focus {
    border: 4px solid #fae100;
    box-shadow: inset 0 0 0 0px #fae101;
    outline: 4px solid black !important;
    outline-offset: -3px;
    padding: 2px;
}
a#wt-cli-settings-btn:focus, a#wt-cli-accept-btn:focus {
    opacity: 1 !important;
    border: 2px yellow solid;
    outline: 3px solid;
}
a#wt-cli-settings-btn {
    opacity: 1 !important;
    box-shadow: 0 0;
}
a#wt-cli-settings-btn:hover {
    opacity: 1 !important;
    border: 2px yellow solid;
    outline: 3px solid;
    background-color: white !important;
}
a#wt-cli-accept-all-btn:hover {
    opacity: 1 !important;
    box-shadow: 0 0 !important;
    background-color: rgb(0, 102, 48) !important
}
a#wt-cli-accept-all-btn:focus {
    box-shadow: 0 0;
    opacity: 1 !important;
    border: 2px yellow solid;
    outline: 3px solid black;
}
.cli-switch input:checked + .cli-slider {
    background-color: #185425;
}
.cli-tab-footer .wt-cli-privacy-accept-btn {
    background-color: #006630;
    color: #ffffff;
    margin: 2px;
}
#wt-cli-privacy-save-btn:focus {
    box-shadow: 0 0;
    border: 1px yellow solid;
    outline: 2px solid black;
}
/* Social media icons fix - Report */
.wp-block-social-link-anchor:focus {
    background-color: transparent;
    outline: 4px solid yellow;
    box-shadow: 0 0 0 6px black !important;
}

/*Focus styles on cards (search results) - Report */
.nhsuk-card.nhsuk-card--clickable:focus-within {
    border: 4px solid #fae100;
    box-shadow: inset 0 0 0 4px #fae100;
    outline: 3px solid black;
    outline-offset: -1px;
}
.nhsuk-card.nhsuk-card--clickable:hover {
    box-shadow: inset 0 0 0 4px #fae100;
}
.nhsuk-card__content > a.nhsuk-card__link:focus {
    background-color: transparent !important;
}

/* Hover style on mobile menu - Report */
#menu-menu-top-menu > li > a.nhsuk-header__navigation-link:hover {
    color: white;
}
/* Feedback close button focus fix */
.mfp-close:focus {
    border: 2px yellow solid;
    outline: 3px solid black;
}

/* Fix colour contrast for visited links in footer */
.nhsuk-footer__list-item-link:visited {
  color: #4C3974;
}

/* START styles for large interactive controls */
a.nhsuk-contents-list__link {
    padding: 0.65em 0;
    display: block;
}

.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 1.4rem no-repeat;
    }

#secondary section ul li, #secondary section ul h4, #secondary section ol li, #secondary section ol h4 {
    font-size: 0.875rem;
    line-height: 1.71429;
    padding: 10px 0;
}

#secondary section ul li a, #secondary section ul li ul li a {
    padding: 14px 0;
    display: block;
}

#secondary section ul li ul li a {
    padding: 14px;
}

#secondary section ul li {
    padding: 0;
}

input#search-field, button.nhsuk-search__submit, input#searchDirections, input#search-field2 {
    height: 44px;
}

a.nhsuk-footer__list-item-link {
    padding: 14px 0;
    margin: -10px;

}

.wp-block-social-link-anchor {
    width: 44px;
    height: 44px;
    justify-content: center;
}

@media (max-width: 48.0625em) {
    li.nhsuk-footer__list-item {
        margin-bottom: 15px;
        line-height: 2.5;
    }
}

.nhsuk-header__search-toggle, button.nhsuk-search__submit {
    height: 44px;
    width: 44px;
}

#secondary section .nhsuk-related-nav__heading a {
    padding: 10px 0;
    display: block;
    text-decoration: underline;
}

.nhsuk-action-link__link {
    min-height: 44px;
}

.nhsuk-card--clickable .nhsuk-card__content h2 a.nhsuk-card__link {
    padding: 10px 0;
    line-height: 1.8;
}

li.nhsuk-footer__list-item {
    margin-bottom: 20px;
}

p > a:only-child, td > a:only-child, li.page_item:not(li.current_page_item), li > a:only-child:not(.nhsuk-inset-text > p > a,
                                        #secondary section ul li a, 
                                        #secondary section ul li ul li a, 
                                        #wp-admin-bar-root-default > li > a, 
                                        .nhsuk-pagination__list > li > a, 
                                        .wp-block-social-link-anchor, 
                                        .nhsuk-footer__list-item-link, 
                                        .nhsuk-header__navigation-link,
                                        .letter-listing > div > ul > li > a,
                                        .nhsuk-breadcrumb__item > a,
                                        .nhsuk-contents-list__link, 
                                        .ab-item){
    padding-top: 12.5px;
    padding-bottom: 12.5px;
}

a.nhsuk-breadcrumb__backlink {
    padding: 15px 0 !important;
    padding-right: 10px !important;
}

input, select, tr, td {
    min-height: 44px !important;
}

@media (min-width: 769px){
    li.nhsuk-footer__list-item {
    margin-bottom: 30px;
    }
}

ul.children {
    margin-top: 14px;
}

/* END styles for large interactive controls */

/* START WWU styles for apply button - copied from nhsuk-button's styles (wish we used SASS!) */
.hj-apply-online {
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 28px;
  -webkit-appearance: none;
  background-color: #006646;
  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;
  text-decoration: none;
}


@media (min-width: 40.0625em) {
    .hj-apply-online {
        margin-bottom: 36px;
        font-size: 1.1875rem;
        line-height: 1.47368;
    }
}

/* END WWU styles for apply button - copied from nhsuk-button's styles */

/* Fix colour contrast for visited links in footer */
.nhsuk-footer__list-item-link:visited {
  color: #4C3974;
}

/* Fix colour contrast for emergency banner link */
.nhsuk-global-alert a {
    color: #003087;
}

/* Add a hover border on contents list and sidebar links so clickable area is obvious. */

a.nhsuk-contents-list__link.js-scroll-to:hover, #secondary section ul li a:hover {
    box-shadow: 0 0 0 3px #ffeb3b;
}
/* BEGIN second logo styles for ICB */
div#secondary-logo {
      display: inline;
  }
img.custom-logo-two {
      margin: 13px 13px 13px 40px
  }
@media only screen and (max-width: 619px) {
    img.custom-logo-two {
        max-width: 60%;
        margin: 13px;
    }
}
/* This CSS only applies to ICB site, and works with some custom.js code.*/
@media only screen and (max-width: 619px) {
    :root[data-website="cios.icb.nhs.uk"] .nhsuk-header__logo {
        max-width: 30%;
    }
}
/* END second logo styles */

/* START add focus and hover styles to navigation blocks */
.nhsuk-promo__link-wrapper:focus {
    border: 4px solid #fae100;
    box-shadow: inset 0 0 0 4px #fae100;
    outline: 3px solid black;
    outline-offset: -1px;
}
.nhsuk-panel-with-label:hover {
    box-shadow: inset 0 0 0 4px #fae100;
}
/* END add focus and hover styles to navigation blocks */

/* These classes are applied to the posts grid on ICB homepage. They stop it from scrolling in 2 dimentions but no idea why as this is only an issue on ICB. */
@media (max-width: 781px) {
  .mobile-container {
      max-width: 92%;
      }
  }
  @media (max-width: 781px) {
  .mobile-container-80 {
      max-width: 83%;
      }
  }
/* Accessibility fix for control size in lists, on mobile */
@media (max-width: 640px) {
  .nhsuk-u-padding-bottom-3 {
    padding-bottom: 13px !important;
  }

  .nhsuk-u-padding-top-3 {
    padding-top: 13px !important;
  }
}
li:not([class]) {
  padding: 5px;
  padding-left: 0;
}

a[href^="tel:"] {
  padding: 11px 0;
}
/* Unclear why the list items never had 2 line height, as everything else does on the page on all screen sizes. Feels better */
li:not(.nhsuk-contents-list__item, [class]){
    line-height: 2;
}
/* To ensure the extra padding list items below don't get missed from the padding and line height to all other <li>s */
li.extra-padding {
    line-height: 2;
    padding: 5px;
    padding-left: 0;
}

.extra-padding > a, ul.children > li > a[href="https://royalcornwallhospitals.nhs.uk/services/pain/"], ul.children > li > a[href="https://royalcornwallhospitals.nhs.uk/services/renal/"], ul.children > li > a[href="https://royalcornwallhospitals.nhs.uk/services/x-ray/"] {
    padding-right: 15px;
}
@media (max-width: 640px) {
  a[href^="tel:"] {
    padding: 12.5px 0;
  }
}


/* End Accessibility fix for control size in lists, on mobile */



/* modify padding and margin for directions submit button */
#searchSubmit, .searchSubmit {
    padding: 9px 10px;
    margin-top: 15px;
}

/* Fix up the Cookie Banner styles so that the buttons aren't massive, but still meet 44px WCAG guidance */

#cookie-law-info-bar {
    display: block;
    padding: 15px 30px;
}

.cli-bar-message {
    width: auto;
}

#wt-cli-settings-btn {
    border: 1px solid;
}

a#wt-cli-settings-btn, a#wt-cli-accept-btn {
    height: 44px;
    display: flex;
    align-items: center;
}
.cli-bar-btn_container {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
}
@media (min-width: 1015px) {
    .cli-bar-message {
        width: 70%;
    }
}

@media (max-width: 425px) {
    a#wt-cli-settings-btn, a#wt-cli-accept-btn {
        margin: 5px !important;
    }
}

/* Add focus styles to CQC widget - as per gov audit */
div.cqc-widget a.widget-button-new-style:focus {
    /* outline: 3px solid #fd0 !important;
    outline-offset: 2px !important; */
    background-color: #ffeb3b !important;
    color: #212b32 !important;
    outline: 4px solid black;
}
.cqc-widget-header > a:focus {
    outline: 3px solid #fd0 !important;
    outline-offset: 2px !important;
}
div.cqc-widget-normal > div.widget-button-wrapper.cqc-widget-footer-new-style > a.widget-button-new-style {
    padding: 15px !important;
}

/* Increase line height */
address, p, .nhsuk-body-m {
    line-height: 2;
}

/* Improve colour contrast on focus */
#toggle-search:focus {
    background: #fff;
}
/* This needs the important tag. If a page has its custom colour set (as the ICS page does on the ICB site), it will be white and have higher priority than the below without important */
#back-to-top:focus {
    color: #000 !important;
}
/* Without important tag here, the above important tag takes priority */
#back-to-top:focus:active {
    color: #fff !important;
}
/* Fix search button on 404 page looking bad on mobile */
@media (max-width: 40.0525em) {
    #search2 > .nhsuk-search__submit {
    height: 100%;
    }
}

/* Fix padding and control size on nested pages in sidebar (specifically a page that is 4 clicks deep) */
#secondary section ul > li > ul > li > ul > li > a:before {
  content: "";
}
#secondary section ul > li > ul > li > ul > li > a {
    padding: 14px 0px 14px 14px;
}
/* Fix colour-contrast of multi-page gravity forms pagination */
.gform_wrapper.gravity-theme .gf_step_active .gf_step_number {
  color: #000;
}

/* category lists on news items no longer float right as it was disrupting the pagination layout */
.article-footer .cat-links {
  float: none;
}

/* Fix: Categories and tags, if multiple of them, were not spaced far enough apart on small screens. */
footer.article-footer > p {
    line-height: 2;
}
/* Fix: WCAG 2.2 issue for focus styles not being different enough from non-style outline */
.nhsuk-search__input:focus {
  box-shadow: none;
  outline: 4px solid #ffeb3b;
  outline-offset: 0.5px;
}

.hj-alert-danger {
    padding: 1em;
    margin-bottom: 20px;
    color: #990000;
    background-color: #FDD;
    border-bottom: 2px solid #990000;
    border-radius: .25rem;
}

.hj-job-list-entry {
    margin-bottom: 20px;
}

span.hj-eligibility-note.hj-warning {
    border: 2px solid #990000;
    padding: 4px;
    background-color: #FDD;
    border-radius: 6px;
    color: black;
    float: right;
}
/* ===========================================
   FOCUS STYLES (Accessibility / WCAG)
   =========================================== */

a:focus,
.nhsuk-header__navigation-link:focus,
input#search-field:focus,
button.nhsuk-search__submit:focus, #search-field2:focus {
    background-color: #ffeb3b;        
    color: #212b32;                   
    outline: 4px solid black;         
    text-decoration: none;
    border-bottom: none;              
    box-shadow: none;                 
    outline-offset: 0;               
}

.nhsuk-header__navigation-link:focus { 
    border: 4px solid black;          
    text-decoration: none;
    box-shadow: none;
    outline: 0px solid black;
}

button#toggle-menu:focus {
    border: 4px solid black !important;
    background-color: #ffeb3b;
    color: black;
    text-decoration: none;
    box-shadow: none;
    outline: 0px solid black;
}

/* ===========================================
   INTERACTIVE ELEMENT SIZE (44px min target)
   =========================================== */

:root {
  --min-target: 44px;
  --pad-inline: 12px; 
  --epsilon: 0.1px;
}

.menu a,
.nhsuk-breadcrumb__link,
.nhsuk-button,
.nhsuk-footer__list-item a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-block-size: var(--min-target);
  min-inline-size: var(--min-target);
  padding-inline: var(--pad-inline);
  box-sizing: border-box;
  line-height: 1.2;
}

/* Tweak specific link block */
.our-values > a {
    padding-bottom: 10px;
    padding-top: 15px;
}

/* ===========================================
   SEARCH FIELD FOCUS
   =========================================== */

.nhsuk-header__search > div#wrap-search > form#search > button.nhsuk-search__submit:focus {
    background-color: #ffeb3b;
}
.nhsuk-search__submit:focus svg path {
    fill: black;
}

/* ===========================================
   OTHER NHSUK COMPONENTS: focus styles
   =========================================== */

a.nhsuk-action-link__link:focus,
summary.nhsuk-details__summary:focus,
a.nhsuk-pagination__link.nhsuk-pagination__link--next:focus,
a.nhsuk-pagination__link:focus {
    background-color: #ffeb3b;
    color: #212b32;
    outline: 4px solid black;
    text-decoration: none;
    border-bottom: none;
    box-shadow: none;
    outline-offset: 0;
}

/* ===========================================
   COOKIE BANNER SPACING FIX
   =========================================== */

:root {
  --cookie-banner-breathing: 20px;
  --cookie-banner-height: 0px;
  --scroll-padding: calc(var(--cookie-banner-height) + var(--cookie-banner-breathing));
}

html {
  padding-bottom: var(--cookie-banner-height);
  scroll-padding-bottom: var(--scroll-padding);
}

.wcc-consent-container {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
}
.wcc-preference-wrapper {
    max-height: 500px;
}

/* ===========================================
   CONTENT LAYOUT FIXES
   =========================================== */

.care-to-share-title {
  margin-bottom: -8px;
}
.wp-block-column.is-vertically-aligned-center.care-to-share-title-col.is-layout-flow.wp-block-column-is-layout-flow {
    align-self: end;
}

/* ===========================================
   FEEDBACK SNIPPETS BLOCK STYLES
   =========================================== */

.feedback-snippets {
  max-width: 800px;
  list-style: none;
}
.feedback-snippets li {
  padding: 1.25rem;
  border-radius: 8px;
  margin-bottom: 1.5rem;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  border-left: 4px solid white;
  transition: transform 0.2s ease-in-out;
}
.feedback-snippets li:hover {
  transform: translateY(-2px);
}
.feedback-snippets li:nth-child(odd) {
  background-color: #573989;
  color: white;
}
.feedback-snippets li:nth-child(odd) > span {
  color: white;
}
.feedback-snippets li:nth-child(even) {
  background-color: #ffffff;
}

.feedback-snippets li strong {
  font-size: 1.1rem;
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 600;
}

.feedback-snippets li .meta {
  color: #555;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}

.feedback-snippets a {
  color: #573989;
  font-weight: bold;
  text-decoration: none;
}

.feedback-snippets a:hover {
  text-decoration: underline;
}

/* ===========================================
   CARE TO SHARE SECTION BLOCK
   =========================================== */

.care-to-share {
  background: #573989;
  color: white;
  border-radius: 0.5rem;
  gap: 1rem;
}
.care-to-share-title {
  font-size: 2rem;
  font-weight: bold;
  color: white;
  margin: 0;
}
.care-to-share-text {
  font-size: 1.1rem;
  color: #f4f4f4;
  margin-top: 0.5rem;
}
.care-to-share-see-more-col {
  max-width: 300px;
  margin-left: auto;
  font-size: 1rem;
  color: #333;
  line-height: 1.5;
}
.care-to-share-see-more {
  background: #f5f5f5;
  padding: 1rem;
  border-radius: 0.5rem;
  border-left: 4px solid #573989;
  border-right: 4px solid #573989;
}
.care-to-share-see-more a {
  color: #005eb8;
  font-weight: bold;
  text-decoration: none;
}
.care-to-share-see-more a:hover {
  text-decoration: underline;
}
.wp-block-nhsblocks-heroinner.nhsuk-hero-content.care-to-share-hero {
    background-color: #573989;
}

/* ===========================================
   FEEDBACK SECTION COUNTS
   =========================================== */

.feedback-section { margin: 1rem 0; }
.feedback-section h4 { margin: 0 0 .25rem; }
.feedback-section p:first-child { margin-top: 0; }

.feedback-counts {
  margin: 1rem 0;
  padding: 0.75rem 1rem;
  border-left: 4px solid #005eb8;
  border-radius: 4px;
  font-size: 0.95rem;
}
.feedback-counts strong {
  color: #573989;
}

/* ===========================================
   SECONDARY TOP-RIGHT MENU BAR
   =========================================== */

.secondary-top-right-menu {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    margin-right: 1rem;
    background: white;
    z-index: 1000;
}

.secondary-top-right-list {
    display: flex;
    gap: 1rem;
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 1em;
}

.secondary-top-right-list > li > a {
    color: #003087;
    text-decoration: underline;
    padding: 6px 8px;
}

.secondary-top-right-list > li > a:hover,
.secondary-top-right-list > li > a:focus {
    box-shadow: 0 0 0 3px #ffeb3b;
    color: black;
}

/* Responsive tweaks for top-right menu */
@media (max-width: 768px) {
    .secondary-top-right-menu {
        position: static;
        text-align: left;
        padding: 0.5rem 0;
    }
    .secondary-top-right-list {
        flex-wrap: wrap;
        gap: 0.5rem;
    }
}


/* ===========================================
   HEADER: LOGOS SIDE-BY-SIDE + LAYOUT
   =========================================== */

.nhsuk-header__logo,
#secondary-logo {
  display: inline-block;
  vertical-align: middle;
  margin-right: 1rem;
}

.nhsuk-header__container {
  display: flex;
  align-items: center;
  justify-content: space-between; /* logos left, search right */
  max-width: 1200px;
}




.wp-block-nhsblocks-heroinner.nhsuk-hero-content.care-to-share-hero { 
  background-color: #573989 !important; 
  }
.nhsuk-header__navigation-list {
  max-width:1200px;
  /* overflow: scroll; */
  /* margin: 0; */
}


/* Add padding to Do and Don't list items */

li.wp-block-nhsblocks-doitem a, li.wp-block-nhsblocks-dontitem a {
    padding-top: 12.5px;
    padding-bottom: 12.5px;
}

li.wp-block-nhsblocks-doitem, li.wp-block-nhsblocks-dontitem {
    line-height: 2;
}

.nhsuk-do-dont-list svg.nhsuk-icon {
    height: 44px;
}

.wcc-table-wrapper {
    overflow-x: scroll;
}

#contentinner {
    word-break: break-word;
}