/* V4 (Std Site) additional CSS */


/* force right slider */
html { 
overflow: scroll; 
}

/* fallback if montserrat fails to load */
body {
  font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* stop grey bg on mobile click */
@media screen and (max-width: 991px) {
	a {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent; /* For some Androids */
      }
}

/* override font sizing for p ol ul th td */
p, ol, ul, th, td {
  font-size: 18px;
  color: #666;
  line-height: 1.6;
  word-break: break-word;
  word-wrap: break-word;
  overflow-wrap: break-word;
} 

h1 {
  font-family: Montserrat, sans-serif;
  color: #706f6f;
  word-break: break-word;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

h2,h3,h4,h5,h6 {
  font-family: Montserrat, sans-serif;
  color: #045c92;
  word-break: break-word;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/* table padding and oprevent scroll right */
th, td { 
	padding: 4px; 
  font-size: 18px;
  line-height: 1.6;
  hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/* STANDARD SITE EDITS: */ 

/* This line removed after finding that removing lines 1612-1614: .w-nav-link.w--current { color: #0082f3;} in webflow.css solves the white text flash issue on navlinks-blue
.w-nav-link.w--current:visited {  /* override blue current state and set to white for navlinks-blue
color: #ffffff;
} 
*/

.w-nav-link.w--current:active {   /*corrects desktop link on yellow - otherwise goes white */
  color: #000000;
}

.w-nav-link.w--current:focus-visible {   /*corrects visited for keyboard - otherwise goes white */
  color: #000000;
}

.w-nav-link.w--current[data-wf-focus-visible] {  /*corrects visited for keyboard - otherwise goes white */
  color: #000000;
}

/* highlight all page links with yellow background and black underline onlick  */
a:active { 
  color: #000;
  background-color: #ffeb3b;
  border-bottom: 5px solid #000;
  text-decoration: none;
}
a:focus-visible { 
  color: #000;
  background-color: #ffeb3b;
  border-bottom: 5px solid #000;
  text-decoration: none;
}
 
.nhsapp-link-block:focus-visible .nhsapp-link,
.nhsapp-link-block:focus .nhsapp-link { /* Force text to show as black for nhsapp link when the keyboard tab is used */ 
  color: black !important;
  text-decoration: none;
}

.footer-blue-bar-link:active { /* Correct Footer link for a:active above */
  color: #000;
  background-color: #ffeb3b;
  border-bottom: 5px solid #000;
}

.footer-blue-bar-link:focus-visible:hover {
  color: #000; /* Text color when focused by tab and hovered */
}

/* STANDARD SITE: correct mobile navlinks visited - otherwise goes white because of .w-nav-link.w--current { above */
@media screen and (max-width: 991px) {
  .w-nav-link.w--current:visited {
    color: #005eb8;
  }
  .w-nav-link.w--current:active {  /* make mobile link black when clicked */
    color: #000000;
  }
  .navlinks-blue:active {  /* make mobile link black when clicked */
    color: #000000;
  }
}

/* STANDARD SITE: enables the navbar to change to black hamburger and black menu text, when mobile dropdown is open - note: yellow bg is controlled in webflow */
	  
  .menu-button-blue.w--open .menu-icon-blue {
    color: #000;
    background-color: #ffeb3b;
  }
  
   .menu-button-blue.w--open .menu-header-blue {
    color: #000;
    background-color: #ffeb3b;
  }
  
/* STANDARD SITE: Xref dependent JS ROUTINE 3: enables Hamburger to switch to an X when the dropdown is open */
/* Styles for the hamburger menu */
.menu-icon-blue {
  position: relative;
  width: 30px;
  height: 3px;
  background-color: white; /* Default color */
  top: 23px; /* Adjust this value as needed */
  left: 10px; /* Move the entire icon 10px to the right */
}

/* Adjust the position of the top and bottom bars */
.menu-icon-blue::before,
.menu-icon-blue::after {
  content: '';
  position: absolute;
  width: 30px;
  height: 3px;
  background-color: white; /* Default color */
  transition: all 0.0s ease; /* Speed of fade from hamburger to X -- 0 = no transition */
  left: 0px; /* Ensure bars are aligned */
}

.menu-icon-blue::before {
  top: -10px; /* Position the top bar */
}

.menu-icon-blue::after {
  top: 10px; /* Position the bottom bar */
}

/* Style for the 'Close' icon */
.menu-icon-blue.close {
  background-color: transparent;
}

.menu-icon-blue.close::before,
.menu-icon-blue.close::after {
  background-color: black; /* Color when menu is open */
  transform: rotate(45deg);
  top: 0;
}

.menu-icon-blue.close::after {
  transform: rotate(-45deg);
  top: 0;
}

/* Style for the 'Menu' and 'Close' text */
.menu-header-blue {
  color: white; /* Default color */
  padding-bottom: 6px;
}

/* Style when menu is open */
.menu-header-blue.close {
  color: black; /* Color when menu is open */
}

/* STANDARD SITE: enables the nhs app link to change to black on click */

  .nhs-app-block:active .nhs-app-link {
  color: #000;
}

  .nhs-app-block:focus-visible .nhs-app-link {
  color: #000;
}

  .nhs-app-block[data-wf-focus-visible] .nhs-app-link {
  color: #000;
}

.std-link-para {
    padding-left: 5px; /* Adjusted gap from image to text */
}

/* STANDARD SITE: enables the nhs/surgery name link to change to black on click */
/* for multi-site, add another line under each .title.. with surgery-dedicated class at end, with comma at the end (except last line) */

  .title-block:active .surgery-name-link  
  {
  color: #000;
}

  .title-block:focus-visible .surgery-name-link
  {
  color: #000;
}

  .title-block[data-wf-focus-visible] .surgery-name-link
  {
  color: #000;
}

/* STANDARD SITE: enables the standard NHS link to change to black on click */

  .std-nhs-link-block:active .std-link-para {
  color: #000;
}

  .std-nhs-link-block:focus-visible .std-link-para {
  color: #000;
}

  .std-nhs-link-block[data-wf-focus-visible] .std-link-para {
  color: #000;
}

/* STANDARD SITE: enables the menu tile link to activate when clicked anywhere in the link box */

  .sub-menu-tile:hover .sub-menu-tile-heading {
    color: #330072;
    text-decoration: none;
  }
  
  .sub-menu-tile:active .sub-menu-tile-heading {
  color: #000;
  background-color: #ffeb3b;
  border-bottom: 5px solid #000;
  
}
  
  .sub-menu-tile:focus-visible .sub-menu-tile-heading {
  color: #000;
  background-color: #ffeb3b;
  border-bottom: 5px solid #000;
  text-decoration: none;
}

  .sub-menu-tile[data-wf-focus-visible] .sub-menu-tile-heading {
  color: #000;
  background-color: #ffeb3b;
  border-bottom: 5px solid #000;
  text-decoration: none;
}

  .sub-menu-tile-title-only:hover .sub-menu-tile-heading {
    color: #330072;
    text-decoration: none;
  }
  
  .sub-menu-tile-title-only:active .sub-menu-tile-heading {
  color: #000;
  background-color: #ffeb3b;
  border-bottom: 5px solid #000;
  
}
  
  .sub-menu-tile-title-only:focus-visible .sub-menu-tile-heading {
  color: #000;
  background-color: #ffeb3b;
  border-bottom: 5px solid #000;
  text-decoration: none;
}

  .sub-menu-tile-title-only[data-wf-focus-visible] .sub-menu-tile-heading {
  color: #000;
  background-color: #ffeb3b;
  border-bottom: 5px solid #000;
  text-decoration: none;
}

/* STANDARD SITE: enables the news link to activate when clicked anywhere in the link box */

  .home-news-block:hover .home-news-heading {
    color: #330072;
    text-decoration: none;
  }
  
  .home-news-block:active .home-news-heading {
  color: #000;
  background-color: #ffeb3b;
  border-bottom: 5px solid #000;
  
}
  
  .home-news-block:focus-visible .home-news-heading {
  color: #000;
  background-color: #ffeb3b;
  border-bottom: 5px solid #000;
  text-decoration: none;
}

  .home-news-block[data-wf-focus-visible] .home-news-heading {
  color: #000;
  background-color: #ffeb3b;
  border-bottom: 5px solid #000;
  text-decoration: none;
}

/* STANDARD SITE: enables yellow background, black line and black text when dropdown box is opened */

.dropdown-box-click-block.open {
  background-color: #ffeb3b;
  border-bottom: 5px solid black;
}

.dropdown-box-link.open {
  color: #000000;
}

/* STANDARD SITE: Breadcrumb CSS */

  .breadcrumb {
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    padding: 20px 0px 0px 0px;
    list-style: none;
    display: flex;
  }
  .breadcrumb-item {
    margin-right: 5px;
  }
  .breadcrumb-item + .breadcrumb-item:before {
    content: ">";
    margin-right: 5px;
    color: #4f4f4f;
  }
  .breadcrumb-item a {
    text-decoration: underline;
    color: #00509c;
  }
  .breadcrumb-item a:hover {
    text-decoration: none;
  }
  .breadcrumb-item a:active {
    color: #000000;
  }
  .breadcrumb-item.active {
    color: #000000;
    text-decoration: none;
  }  
  .breadcrumb-item a:focus-visible {
    color: #000000;
    text-decoration: none;
  } 
  .breadcrumb-back {
    display: none;
    color: #00509c;
  }
  .breadcrumb-back a {
    text-decoration: underline;
    color: #00509c;
  }
  .breadcrumb-back a:hover {
    text-decoration: none;
  }
  .breadcrumb-back a:active {
    color: #000000;
  }
  .breadcrumb-back a:focus-visible {
    color: #000000;
    text-decoration: none;
  }

  @media (max-width: 479px) {
    .breadcrumb {
      display: none;
    }
    .breadcrumb-back {
      font-family: Montserrat, sans-serif;
      font-size: 16px;
      margin-top: 20px;
      padding: 0px 2px;
      display: inline-block;
    }
	.breadcrumb-back:focus-visible {
      color: #000000;
    }
  }
  
/* STANDARD SITE: Emergency Alerts only - disabled 
  .emergency-alerts {
    display: none; /* Initially hide the section 
  }
  .static-message-text p {
    color:#000000;
  }  

/* STANDARD SITE: Alerts for standard and emergency */
/* Shared styling for both alert types */
.std-alert-message-text,
.std-alert-message-text *,
.static-message-text,
.static-message-text * {
  font-size: 18px !important;
  font-family: Montserrat, sans-serif;
  font-weight: 500;
  line-height: 1.6em;
  margin: 0;
  padding: 0;
}

/* Text colors */
.std-alert-message-text {
  color: #ffffff !important; /* Standard alert text */
}

.std-alert-message-text p {
  color: #ffffff !important;
}

.static-message-text {
  color: #333 !important; /* Emergency alert text */
}

.static-message-text p {
  color: #333 !important;
}

/* Link styling */
.std-alert-message-text a {
  color: #ffff00;
  text-decoration: underline;
}
.static-message-text a {
  color: #0000ee;
  text-decoration: underline;
}

.std-alert-message-text a:hover {
  color: #ffffff;
  text-decoration: none;
}

.std-alert-message-text a:active {
  color: #000000; /* Black text on click */
  background-color: #ffeb3b; /* yellow background */
  border-bottom: 5px solid #000000; /* black footer bar */
}

.static-message-text a:focus,
.static-message-text a:focus-visible {
  text-decoration: none;
}

.std-alert-message-text a:focus,
.std-alert-message-text a:focus-visible {
  color: #000000 !important; /* Ensures black text */
  background-color: #ffeb3b; /* Slightly darker yellow */
  text-decoration: none;
}

.static-message-text a:active {
  background-color: #fbef89; /* Slightly lighter yellow */
}

.static-message-text a:hover {
  color: #333;
  text-decoration: none;
}

/* Layout fix for alert containers */
.emergency-alerts,
.std-alerts {
  display: none; /* Initially hidden */
}

/* STANDARD SITE: Stop menu button from being highlighted as a browser copy function */ 
.navmenu-blue, .menu-button-blue, .menu-icon-blue, .menu-header-blue {
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Edge */
    user-select: none; /* Standard syntax */
}

/* STANDARD SITE: Force text to show as black for footerlinks when the keyboard tab is used - fixes 281124 */ 
.footer-option-link-block:focus-visible .footer-link,
.footer-option-link-block:focus .footer-link {
  color: black !important;
  text-decoration: none;
}

/* STANDARD SITE: Change menu bar outline to yellow when the keyboard tab is used - fixes 021224  */
.menu-button-blue:focus-visible {
    outline: 2px solid #ffeb3b;
    border-radius: 6px;
}

/* STANDARD SITE: Correct disappearing yellow background - fixes 021224  */
.navlinks-blue:focus {
  color: black !important;
  background-color: #ffeb3b;
  border-bottom: 5px solid #000;
  text-decoration: none;
}

/* STANDARD SITE: Change dropdown menu option to black when the keyboard tab is used - fixes 021224  */
.navlinks-blue:focus-visible, .navlinks-blue:active {
  color: black !important;
  background-color: #ffeb3b;
  border-bottom: 5px solid #000;
  text-decoration: none;
}

/* End of STANDARD SITE CSS */

/* position Google Translate widget in bottom right corner */
#translatepos {
position: fixed;
bottom: 0px;
right: 7px;
z-index: 100000 !important;
}

.goog-te-menu-frame {
z-index: 100000 !important;
}

/* Adjust Google Translate widget */
/* Widget container */
div#google_translate_element div.goog-te-gadget-simple {
   padding: 3px;
   font-size: 14px;
   font-family: Montserrat, sans-serif !important;
   font-weight: 400 !important;
   background-color: white;
   border: 1px solid #b2b2b2;
   border-top-left-radius: 7px;
   border-top-right-radius: 7px;
   box-shadow: 0 0 3px #b2b2b2;
   height: 29px;
   text-transform: none !important;
}

/* Text inside the dropdown trigger */
div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span {
   color: #111111 !important;
   font-family: Montserrat, sans-serif !important;
   font-weight: 400 !important;
   text-transform: none !important;
}

/* Hover effect */
div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span:hover {
   color: #02577a !important;
}

/* Force Cookie-Script Zindex */
#cookiescript_injected, #cookiescript_badge {
z-index: 100000 !important;
}

/* set rounded corners and stroke for Cookie-Script popup */
#cookiescript_badge {
border: 1px solid #b1b1b1 !important;
border-top-left-radius: 7px !important;
border-top-right-radius: 7px !important;
}

/* Format the Cookie-Script popup */
#cookiescript_badgetext {
font-family: Montserrat, sans-serif !important;
font-size: 14px !important;
font-weight: 400 !important;
color: #330000;
text-transform: none !important;
overflow: visible !important;
line-height: 0.65 !important;
}

/* Hide Ledend */
    legend span.reader {
        position:absolute;
        left:-9999px;
        width:100px;
        height:auto;
        overflow:hidden;
    }

/* Form Hidden Label */
	.search-iq-label { 
		display: none; 
	}
	
/* Form Label adjustment */
	.w-radio-input {
	  margin-top: 7px;
	}
	.w-form-label {
	  padding-left: 10px;
	  line-height: 1.6em;
	  color: #666;
	}
	
/* General Hidden Label */
	.hidden-label { 
		display: none; 
	}
	
/* Footer Address */
	.address-para {
	  color: #FFF;
}
	
/* Ticker */
.ticker {
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    font-style: normal;
    position: relative;
    padding: 0 0 0 100px;
}
.ticker:before {
    content: "Stop Press";
    display: inline-block;
    font-style: normal;
    background: #C20;
    padding: 15px;
    color: #FFF;
    font-weight: bold;
    position: absolute;
    top: 0;
    left: 0;
	height: 30px;
}
.ticker:after {
    content: '';
    display: block;
    top: 0;
    left: 80px;
    background: linear-gradient(#FFF, rgba(255, 255, 255, 0));
    height: 30px;
}
.ticker ul li {
    list-style: none;
    padding: 12px 0;
}
.ticker a{
	font-family: Montserrat, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #0000ee;
}
.ticker a:hover{ 
    color: #a01700;
} 
.ticker p {
	font-family: Montserrat, sans-serif;
	font-size: 18px;
	color: #666;
}
	
/* News Feed */
	.feed{
		border: 1px solid #ccc;
		max-width: 1180px;
		margin-top: 25px;
		margin-right: auto;
		margin-left: auto;
	}
	.feed ul{
		padding: 0;
		list-style: none;
		width: 100%;
		background: #f0f4f5; /* edited for std website */
	}
	.feed li{
		font-family: Montserrat, sans-serif;
		font-size: 18px;
		padding: 20px;
		border-bottom: 1px dashed #ccc;
	}
	.feed li.odd{
		background: #fafafa;
	}
	.feed li:after {
		content: '';
		display: block;
		clear: both;
	}
	.feed img{
		float: left;
		width: 100px;
		margin: 5px 15px 0 0;
	}
	.feed a{
		font-family: Montserrat, sans-serif;
		font-size: 18px;
		font-weight: bold;
		color: #0000ee;
	}
	.feed a:hover{ 
   		color: #a01700;
    }
	.feed p {
		margin: 15px 0 0;
		font-family: Montserrat, sans-serif;
		font-size: 16px;
		color: #666;
		line-height: 1.6;
	}
	
/*  Browser Check */
    #buorg {
        background-color: #fed6d1;
    }
    #buorgig {
        background-color: #0343a4;
    }
	#buorgul {
        background-color: #376e00;
    }
	
/* Primary Care Maps */

	.responsiveiframe {
	position: relative;
	padding-bottom: 450px;
	padding-top: 30px;
	height: 0;
	overflow: auto; 
	-webkit-overflow-scrolling:touch;
	border: 0px;
	} 
	.responsiveiframe iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0px;
	}

/* Standard Site - Clip text in Home Page 'Featured' boxes  */
.home-news-intro-local {
  display: -webkit-box;
  -webkit-line-clamp: 5; /* Number of lines to show */
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
}
/* No need to truncate when not Desktop */
@media screen and (max-width: 767px) {
  .home-news-intro-local {
    display: block;
    overflow: visible;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
  }
}