/*------------------------------------------------------*/
/* LINKS */
/*------------------------------------------------------*/

/*a:focus {
  box-shadow: none !important;
  background: none !important;
}*/

/* Page Menus/Custom Menus */


a, a:link, a:visited  {
  border-bottom: 1px dotted;
  text-decoration: none;
}

a:hover, a:active  {
  border-bottom: 1px solid;
  text-decoration: none;
 	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

a:focus  {
  outline: 2px solid #ffeb3b;
  outline-offset: 2px;
  box-shadow: 0 0 0 3px #212b32;
  border-radius: 2px;
  text-decoration: none;
  
}



.textDiv .customText {
  color: #005eb8;
  border-bottom: 1px dotted !important;
  text-decoration: none !important;
  outline: none !important;
}


.textDiv:hover .customText {
  border-bottom: 1px solid !important;
  text-decoration: none !important;
}


.textDiv:active .customText,
.textDiv:focus .customText,
.textDiv:focus-within .customText {
  border-bottom: 1px solid !important;
  text-decoration: none !important;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !important;
  outline: 2px solid #ffeb3b !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 3px #212b32 !important;
  border-radius: 2px !important;
}

.textDiv .customText:focus {
  outline: 2px solid #ffeb3b !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 3px #212b32 !important;
  border-radius: 2px !important;
}

.textDiv:focus-visible {
  outline: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  /* add any other properties you want to reset */
}



.breadcrumb, .breadcrumbs, #breadcrumbds {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

header.header a, header.header a:link, header.header  a:visited,
.breadcrumbs a, .breadcrumbs a:link, .breadcrumbs  a:visited,
main a, main a:link, main  a:visited,
.latest-news-stories a, .latest-news-stories a:link, .latest-news-stories a:visited,
.content a, .content a:link, .content a:visited,
.sidebar a, .sidebar a:link, .sidebar  a:visited,
.page-site-map a, .page-site-map a:link, .page-site-map  a:visited,
.improve-site-link a, .improve-site-link a:link, .improve-site-link  a:visited,
footer a, footer a:link, footer  a:visited,
#header- a, #header-menu a:link, #header-menu  a:visited {
  color: #005eb8;
  border-bottom: 1px dotted #003087;
  text-decoration: none;
}

header.header a:hover, header.header  a:active,
.breadcrumbs a:hover, .breadcrumbs  a:active,
main a:hover, main  a:active,
.content a:hover, .content a:active,
.latest-news-stories a:hover, .latest-news-stories a:active,
.sidebar a:hover, .sidebar  a:active,
.page-site-map a:hover, .page-site-map  a:active,
.improve-site-link a:hover, .improve-site-link  a:active,
footer a:hover, footer  a:active,
#header-menu a:hover, #header-menu  a:active{
  border-bottom: 1px solid #003087;
  text-decoration: none;
}

/* Footer-info link styles */
.footer-info a,
.footer-info a:link,
.footer-info a:visited,
.footer-info li.page_item a,
.footer-info li.menu-item a,
.footer-info li.page_item a.link,
.footer-info li.menu-item a:link,
.footer-info li.page_item a:visited,
.footer-info li.menu-item a:visited {
  border-bottom: none;
  text-decoration: none;
  color: #FFFFFF;
  font-weight: normal;
  font-size: inherit;
  display: inline;
  padding: 0;
  line-height: inherit;
}

/* Line height for list items */
.footer-info li {
  line-height: 1.75em;
}

/* Hover + active (footer white underline) */
.footer-info a:hover,
.footer-info a:active,
.footer-info li.page_item a:hover,
.footer-info li.menu-item a:hover,
.footer-info li.page_item a:active,
.footer-info li.menu-item a:active {
  border-bottom: 1px solid #ffffff;
  text-decoration: none;
 	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

/* NHS-compliant focus state */
.footer-info a:focus,
.footer-info a:focus-visible,
.footer-info li.page_item a:focus,
.footer-info li.menu-item a:focus {
  background-color: #ffeb3b !important;
  color: #212b32 !important;
  text-decoration: none !important;
  outline: 2px solid #ffeb3b !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 2px #212b32 !important;
 	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  
}

/*a.no-border, a.no-border:link, a.no-border:visited, a.no-border:hover, a.no-border:focus ,a.no-border:active {
  border: none;
  outline: none;
  text-decoration: none;
  box-shadow: none !important;
  background: none !important;
}*/


/* ------------------------------------------------------ */
/* IMAGE LINKS — hover/focus/active (no extra HTML)    */
/* Floated or non-floated, fully accessible            */
/* ------------------------------------------------------ */

/* Base reset (keep as you already have it) */
a.no-border,
a.no-border:link,
a.no-border:visited,
a.no-border:hover,
a.no-border:focus,
a.no-border:active {
  text-decoration: none;
  background: none;
  border: none;
  outline: none; 
  outline-offset: 0; 
  box-shadow: none; 
  border-radius: 0; 
}

/* Hover / click / focus on image */
a.no-border img:hover,
a.no-border img:focus,
a.no-border img:active,
a.no-border:focus-visible > img {   /* <-- minimal addition */
  outline: 2px solid #ffeb3b !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 2px #212b32 !important;
  border-radius: 2px;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}



/* Minimal .interactive-list-spacing
   - ONLY spacing changes: gap between items and small li padding
   - No colours, no borders, no changes to anchor display or decorations
   - Use by adding class="interactive-list-spacing" to UL/OL containers
*/

ul.interactive-list-spacing,
ol.interactive-list-spacing {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;    /* adjust to close/open spacing between items */
}

ul.interactive-list-spacing > li,
ol.interactive-list-spacing > li {
   /* padding: 2px 0; vertical breathing room so items with/without links match visually */
  margin: 0;
  line-height: 1.45rem;
}

ul.interactive-list-spacing.bb > li,
ol.interactive-list-spacing.bb > li {
  border-bottom: 1px dotted #005eb8!important;
  padding-bottom: 3px;
   
}


@media (max-width: 480px) {
  ul.interactive-list-spacing,
  ol.interactive-list-spacing { gap: 1rem; }
  /*ul.interactive-list-spacing > li,
  ol.interactive-list-spacing > li { padding: 6px 0; }*/
}