body {
background-color: #E0EAF2;
}


/*rounded buttons*/
.prototype-template .header .header-large .important-menu .menu li a {
    width: 220px;
 /*   height:60px; */
    border-radius:40px;
    border: 2px solid #fff;
    background-color: #0066cc;
    color: #fff;
    transition: all 0.25s ease-in;
  	vertical-align: middle;
    cursor: pointer;
    transform: scale(1);
}

.prototype-template .header .header-large .important-menu .menu li a:hover {
    background-color: gold; /* Change the background color on hover */
  	color: #000; 
  	font-weight: bold;
/* transform: scale(1.05);  Slightly enlarge the element on hover */
}


/*text in buttons*/
.menu.menu-buttons a {
    display: inline-block;
    width: 190px;
    padding: 15px 30px 15px 30px;
    border: 2px solid #000;
    color: #000;
    text-align: center;
    text-decoration: none;
    margin: 0 8px;
  	vertical-align: middle;
}
/* MAIN NAV HOVER */
.prototype-template .header .header-small .container .main-menu ul li a:hover {
    color: #e6e6e6;
    border-color: #fff;
    background-color: #0066b3;
    box-shadow: 0 5px 1px 0px gold;
    border-radius: 3px;
}
/*END OF MAIN NAV HOVER */

/*coloured hospital icon*/
.prototype-template .header .header-large .sites .site-contact .photo .fa-inverse {
  	color: #0066b3;
}
.prototype-template .header .header-large .sites .site-contact {
  flex-basis: 30%;
}
/*branch icons on homepage*/ 
.fa-inverse {
  	background-color: #ffffff;
  	background-image: none;
  	background-position: 0% 0%;
  	background-repeat: repeat;
  	color: #003399;
  	box-sizing: border-box;
  	box-shadow: 0px 2px 2px 2px rgba(30,116,245,1);
	-webkit-box-shadow: 0px 2px 2px 2px rgba(30,116,245,1);
	-moz-box-shadow: 0px 2px 2px 2px rgba(30,116,245,1);
  	border-radius: 40px;
}
/*END OF BRANCH ICONS */

/*black opaque background on homepage*/
.prototype-template .header .header-large .background {
  	margin: 0px auto;
  	padding: 1em;
  	background-color: rgba(0, 0, 0, 0.7);
  	border-radius: 50px;
}
/*END OF BLACK OPAQUE BACKGROUND */

/* START OF SLIDESHOW */
.slideshow-widget .carousel-control,.slideshow-widget .play_control,.slideshow-widget .carousel-indicators {
    z-index: 1
}

.slideshow-widget .play_control {
  	margin-left: 10px;
  	position: absolute;
  	bottom: 0px;
  	background: none;
 	border: 0;
  	outline: none;
  	color: #ffffff;
}
.slideshow-widget .play_control:hover {
  	color: #fff;
  	text-decoration: none;
	filter: alpha(opacity=100);
 	outline: 0;
 	opacity: 1;
}

#slideshowwidget_1394 > div.widget-item-container {
  	background-color: #fff;
}
/* END OF SLIDESHOW ON HOMEPAGE */

/* .newstaff {
    background: radial-gradient(circle at 50% 50%, #0066cc, #005dc3, #0054ba, #004bb1, #0042a8, #00399e, #003195, #00288c, #001f82, #001579, #000a6f, #000066) !important;
}
*/
#ContentBlocksContainer .widget-row.minrow {
    margin-bottom: 20px;
    min-height: 20px;
}

/*a way to make a link hover effect*/
a[data-link-id="349901"] {
    display: inline-block;
    padding: 20px 20px;
    background-color: #006699; /* Blue */
    color: white;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    transition-duration: 0.4s;
    cursor: pointer;
    border: none;
    border-radius: 60px;
  	width: 100%;
}

a[data-link-id="349901"]:hover {
    background-color: #ffff33;
 	color: #000;
}

/*footer blue border*/
 div.further-information-container {
 	border-top: 5px solid #025eb8;
}

/* rounded boxes with blur shadow*/
#ContentBlocksContainer .widget-row .container .widget-container .widget-item {
	flex: 3;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 10px;
    border-radius: 12px;
    }

.image-widget.ImageBasic .image-widget-image img {
    position: static;
    max-width: 100%;
    border-radius: 8px;
}

#imagewidget_240434 > div.image-widget-container {
  border-radius: 22px;
  box-shadow: none;
}

/*main news page*/
.image-widget-container {
    border-radius: 15px;
    overflow: hidden; /* Add this */
  	
}

/*color of blog title on homepage*/
#BlogPage .blog-post .blog-text {
    flex: 3;
    padding: 5px;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
    background-color: #fff;
    padding: 2rem;
}


/*whole div*/
#widget-row-332680 div.widget-item-container {
  	background-color: #009cdc;
  	border-radius: 12px;
}


/* info expander on homepage - emergencys */
#informationwidget_240656 {
 	 background-color: #fff;
 	 border-radius: 12px;
}

/*animated expander on homepage - emergencys*/
.nhsuk-details[open] .nhsuk-details__text {
  	animation: ease-in-out 0.6s;
  	animation-name: expand-details;
}

/* info expander on homepage - information */
#informationwidget_257104 > details {
 	 background-color: #fff;
 	 border-radius: 12px;
}

/*animated expander on homepage - information*/
.nhsuk-details[open] .nhsuk-details__text {
  	animation: ease-in-out 0.6s;
  	animation-name: expand-details;
}

@keyframes expand-details {
  0% {
    max-height: 0;
    opacity: 0;
  }
  
  100% {
    max-height: 300px; /* Adjust this value to fit your content */
    opacity: 1;
  }
}

/*END OF INFO EXPANDER*/

/*START OF - bright image that go dim on hover / homepage */

#imagewidget_240696 img {
  	-webkit-filter: saturate(200%); /* Safari 6.0 - 9.0 */
  	filter: saturate(200%);
 	 -webkit-transition: .5s ease; /* Safari */
 	 transition: .5s ease;
 	 transform: scale(.95);
}

#imagewidget_240696 img:hover {
  	-webkit-filter: saturate(50%); /* Safari 6.0 - 9.0 */
  	filter: saturate(50%);
 	 transform: scale(.93);
}

#imagewidget_240697 img {
  	-webkit-filter: saturate(200%); /* Safari 6.0 - 9.0 */
  	filter: saturate(200%);
 	 -webkit-transition: .5s ease; /* Safari */
 	 transition: .5s ease;
  	transform: scale(.95);
}

#imagewidget_240697 img:hover {
 	 -webkit-filter: saturate(50%); /* Safari 6.0 - 9.0 */
 	 filter: saturate(50%);
 	 transform: scale(.93);
}

#imagewidget_240699 img {
  	-webkit-filter: saturate(200%); /* Safari 6.0 - 9.0 */
 	 filter: saturate(200%);
 	 -webkit-transition: .5s ease; /* Safari */
 	 transition: .5s ease;
 	 transform: scale(.95);
}

#imagewidget_240699 img:hover {
  	-webkit-filter: saturate(50%); /* Safari 6.0 - 9.0 */
	filter: saturate(50%);
	transform: scale(.93);
}

#imagewidget_240880 img {
 	 -webkit-filter: saturate(200%); /* Safari 6.0 - 9.0 */
  	filter: saturate(200%);
  	-webkit-transition: .5s ease; /* Safari */
 	 transition: .5s ease;
 	 transform: scale(.95);
}

#imagewidget_240880 img:hover {
 	 -webkit-filter: saturate(50%); /* Safari 6.0 - 9.0 */
 	 filter: saturate(50%);
	 transform: scale(.93);
}

#imagewidget_240879 img {
 	 -webkit-filter: saturate(200%); /* Safari 6.0 - 9.0 */
 	 filter: saturate(200%);
 	 -webkit-transition: .5s ease; /* Safari */
 	 transition: .5s ease;
 	 transform: scale(.95);
}

#imagewidget_240879 img:hover {
  	-webkit-filter: saturate(50%); /* Safari 6.0 - 9.0 */
 	 filter: saturate(50%);
 	 transform: scale(.93);
}

#imagewidget_240882 img {
 	 -webkit-filter: saturate(200%); /* Safari 6.0 - 9.0 */
 	 filter: saturate(200%);
 	 -webkit-transition: .5s ease; /* Safari */
 	 transition: .5s ease;
 	 transform: scale(.95);
}

#imagewidget_240882 img:hover {
 	 -webkit-filter: saturate(50%); /* Safari 6.0 - 9.0 */
 	 filter: saturate(50%);
 	 transform: scale(.93);
}

/*END OF - bright image that go dim on hover / homepage */

/*START OF NEWS BLOCK ON HOMEPAGE*/

/*TITLE*/
#ContentBlocksContainer .widget-row .container .widget-container .widget-item.blog-widget .feed a .blog-post .title {
    font-weight: normal;
  	line-height: 2.5rem;
    color: #000;
   	background: radial-gradient(circle at 50% 50%, #0066cc, #005dc3, #0054ba, #004bb1, #0042a8, #00399e, #003195, #00288c, #001f82, #001579, #000a6f, #000066);
  	padding: 6px;
    color: white;
    border-radius: 8px 8px 0px 0px;
  	white-space: no-wrap;
}

/*MAIN TEXT .feed a .blog-post   INSIDE HOLDING CONTAINER*/
#ContentBlocksContainer .widget-row .container .widget-container .widget-item.blog-widget .feed a .blog-post {
	padding: 0 0px 6px 0px;
  	background-color: #fff;
  	border-radius: 8px 8px 8px 8px;
  	border: dotted gray 1px;
  	margin: 1px 1px 6px 1px;
  	box-shadow: rgba(173, 216, 230, 0.35) 1.95px 1.95px 2.6px !important;
}

#ContentBlocksContainer .widget-row .container .widget-container .widget-item.blog-widget .feed a .blog-post:hover {
  	box-shadow: rgba(173, 216, 230, 0.75) 1.95px 1.95px 2.6px !important;
}

/*MAIN TEXT .feed a  OUTSIDE HOLDING CONTAINER*/
#ContentBlocksContainer .widget-row .container .widget-container .widget-item.blog-widget .feed a {
    text-decoration: none;
    background-color: #fff;
    display: inline-block;;
    padding: 1px;
  	transition: transform 0.3s ease-in-out;
}
/* FOCUS COLOURS */
#ContentBlocksContainer .widget-row .container .widget-container .widget-item.blog-widget .feed a:focus .blog-post .title {
    outline: none;
    color: #fff;
    background-color: #fae100;
    border-color: #000
}
#ContentBlocksContainer .widget-row .container .widget-container .widget-item.blog-widget .feed a:focus .blog-post .body {
    outline: none;
    color: #000;
    background-color: #b0a1dc24;
    border-color: #000
}

/*hover effext*/
#ContentBlocksContainer .widget-row .container .widget-container .widget-item.blog-widget .feed a:hover {
	transform: scale(1.1);
  	background-color: transparent;
}

/* MAIN TEXT PADDING*/

#blogWidget_2535 > div.widget-item-container > div > a:nth-child(n) > div > div.body {
  padding:5px;
}

/* Media query example for smaller screens */
@media only screen and (max-width: 768px) {
  #ContentBlocksContainer .widget-row .container .widget-container .widget-item.blog-widget .feed a .blog-post  .title {
  /*  font-size: 1.5rem;  Adjust font size for mobile */
  	white-space: nowrap;
  	}
}


/*END OF NEWS BLOCK ON HOMEPAGE */



#carousel_1351 h2 { /*WHITE TITLE ON SCROLLING IMAGES*/
  color: white;
}

/* dividing line on about us on homepage */
#informationwidget_230144 hr {
	border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0))
}
/* FORMS
 HEADER */
#FormPage .form-header .jumbotron {
    margin-top: 20px;
    margin-bottom: 0;
    background: rgb(5,67,136);
	background: -moz-linear-gradient(90deg, rgba(5,67,136,1) 0%, rgba(10,129,254,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(5,67,136,1) 0%, rgba(10,129,254,1) 100%);
	background: linear-gradient(90deg, rgba(5,67,136,1) 0%, rgba(10,129,254,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#054388",endColorstr="#0a81fe",GradientType=1);
   	-webkit-box-shadow: -4px 15px 15px 0px rgba(62,124,230,0.66);
	-moz-box-shadow: -4px 15px 15px 0px rgba(62,124,230,0.66);
	box-shadow: -4px 15px 15px 0px rgba(62,124,230,0.66);
}
/* FORM SECTIONS
//SUBMIT BUTTON */
#formTemp > div.form-group.pull-right > div.row.pull-right > button {
    border-radius: 8px;
  	background: rgb(5,67,136);
	color: white;
  	padding: 1.2em 3em;
  	font-weight: bold;
  	font-size: 1em;
 
}
/* MAKES THE PRESCRIPTIONS FORMS TEXT WHITE */
.container p span span {
    color: white !important;
}
/* BLUE FIND A PHARMACY BUTTON ON PRESCRIPTION FORM */
#section_38996_description > p > a {
    display: block;
    padding: 10px 20px;
    background-color: #0056b3;
    color: white;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s ease;
    font-weight: bold;
    text-align: center;
}

#section_38996_description > p > a:hover {
    background-color: #0197f6;
    cursor: pointer;
}


#section_37865_description a {
    display: block;
    padding: 10px 20px;
    font-size: 16px;
    color: white;
    background-color: #0056b3;
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

#section_37865_description a:hover {
    background-color: #0197f6;
}


/* END OF FORM */

/* whole panel */
.style-default #bootstrap-square .panel {
    border-radius: 12px;
  	border: 1px solid gray;
  	box-shadow: rgba(50, 50, 93, 0.3) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;

}
/* text area */
.style-default #bootstrap-square input,.style-default #bootstrap-square select,.style-default #bootstrap-square textarea {
    border-radius: 8px;
}
:focus-visible {
	outline-color: #0066cc !important; // INPUT BOX BORDER
 	outline-width: medium !important;
  	font-weight: 400;
}
.style-default #bootstrap-square .input-group-addon {
    border-radius: 8px
}
#fullSearchText, button {
border-radius: 0 !important;
}

.style-default #bootstrap-square .dropdown-menu {
    border-radius: 6px
}

#FormPage .question .question-title label {
    font-weight: 600;
    margin-left: 10px;
    color: #000
}
/*END OF FORM */

/*BLOG PAGE */
#BlogPage .blog-post .blog-text {
    flex: 3;
    padding: 5px;
    overflow: hidden;
    background-color: #fff;
    padding: 2rem;
    border-radius:  12px !important;
  	border: 1px solid #d8d8d8;
  	-webkit-box-shadow: 7px 6px 11px -3px rgba(0,0,0,0.1);
-moz-box-shadow: 7px 6px 11px -3px rgba(0,0,0,0.1);
box-shadow: 7px 6px 11px -3px rgba(0,0,0,0.1);
}

#BlogPage .blog-post {
  background-color: #fff;
}

/* END OF BLOG PAGE */

/* INPUT BOX ON FORM */
:focus-visible {
	outline-color: #0066cc !important; // INPUT BOX BORDER
 	outline-width: medium !important;
  	font-weight: 400;
}
/*END OF FOCUS BOX*/

/*SERVICES PAGE /BLUE BOX WITH WHITE TEXT */
#informationwidget_242499 {
    background-color: #0066b3;
    border: 5px solid #fff;
  	padding: 15px 10px;
}

#informationwidget_242499 h3 {
    color:  white !important;
}

#informationwidget_242499 h4 {
    color:  white !important;
}

#informationwidget_242499 p {
color: white !important;
}

#informationwidget_242499 a {
    color: white;
}

#informationwidget_242499 li {
  color: white !important;
}
/* END OF SERVICE PAGE BLUE BOX */

/*END OF SERVICE PAGE */



/*homepage econsult */

/*ECONSULT ON HOMEPAGE */
@media screen and (max-width: 768px) {
#informationwidget_240635 .content {
        width: 100%;
        padding: 0 !important;
    }
}

@media screen and (max-width: 768px) {
#informationwidget_240635 .img-responsive {
    display: none;
  }
}

@media screen and (max-width: 768px) {
#informationwidget_240635 h3#mcetoc_1hsq0pn144 a {
  display: block;
  color: white !important;
  }
}
#mcetoc_1hsq0o5l83 {
  color: #fff !important;
}

#informationwidget_240635 {
   	background-image: linear-gradient(to bottom, #6a11cb 0%, #2575fc 100%); /* Blue background color */
    color: white; /* White text color */
    padding: 10px !important; /* Padding around the content */
	background: radial-gradient(circle at 50% 50%, #0066cc, #005dc3, #0054ba, #004bb1, #0042a8, #00399e, #003195, #00288c, #001f82, #001579, #000a6f, #000066) !important;
}

#informationwidget_240635 .content {
    max-width: 80%; /* Maximum width of the content */
    margin: auto; /* Centering the content */
}

#informationwidget_240635 h2 {
 
	margin-bottom: 30px; /* Space between elements */
 	color: white !important;
}

#informationwidget_240635 p {
 	 color: white !important;
 	 margin-bottom: 30px !important;
 	 font-size: 1.3em !important;
}

#informationwidget_240635 h3 a {
    background-color: #E34141 !important; /* Red background color for h3 element */
    color: white !important; /* White text color for h3 element */
    padding: 10px 40px !important; /* Padding around h3 text */
    border-radius: 50px !important; /* Pill shape */
    text-align: center !important; /* Center the text */
    margin-top: 30px;
    outline: 2px solid black;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
    font-size: 1.2em !important;
    
}

#informationwidget_240635 h3 a:hover {
  	-webkit-transition: background-color .5s ease;
  	-moz-transition: background-color .5s ease;
  	-o-transition: background-color .5s easet;
  	transition: background-color .5s ease;
    background-color: gold !important; /* gold background color for h3 element */
	color: #000 !important;
  	text-decoration: none; 
}


#informationwidget_240635 .img-responsive {
    float: right; /* Float the image to the right */
    margin-left: 20px; /* Add some space between the image and the text */
}

#informationwidget_240635 ul {
    list-style-type: none; /* Remove the list decoration */
}

/*END OF NEW ECONSULT Banner */

/*TEMPORARY NEWS POST - DELETE THIS ON 18.5.24 */
#BlogPost14354 img {
 	border-radius:  12px !important;
  	border: 1px dotted #d8d8d8;
  box-shadow: rgba(0,0,0,0.1) 0px 8px 10px,rgba(0,0,0,0.1) 0px 5px 8px;
}
/*END OF TEMP */


 /*NEW econsult banner for appts page */
@media screen and (max-width: 768px) {
#informationwidget_242563 .content {
        width: 100% !important;
        padding: 0 !important;
    }
}

@media screen and (max-width: 768px) {
#informationwidget_242563 .img-responsive {
    display: none;
  }
}

@media screen and (max-width: 768px) {
#informationwidget_242563 h3#mcetoc_1hsq0pn144 a {
  display: block;
  color: white !important;
  }
}
#mcetoc_1hsq0o5l83 {
  color: #fff !important;
}

#informationwidget_242563 {
width: 100%;
   	background-image: linear-gradient(to bottom, #6a11cb 0%, #2575fc 100%); /* Blue background color */
    color: white; /* White text color */
    padding: 10px !important; /* Padding around the content */
	background: radial-gradient(circle at 50% 50%, #0066cc, #005dc3, #0054ba, #004bb1, #0042a8, #00399e, #003195, #00288c, #001f82, #001579, #000a6f, #000066) !important;
}

#informationwidget_242563 .content {
    max-width: 90%; /* Maximum width of the content */
    margin: auto; /* Centering the content */
}

#informationwidget_242563 h2 {
 
	margin-bottom: 30px; /* Space between elements */
 	color: white !important;
}

#informationwidget_242563 p {
 	 color: white !important;
 	 margin-bottom: 30px !important;
 	 font-size: 1.1em !important;
}

#informationwidget_242563 h3 a {
    background-color: #E34141 !important; /* Red background color for h3 element */
    color: white !important; /* White text color for h3 element */
    padding: 10px 40px !important; /* Padding around h3 text */
    border-radius: 50px !important; /* Pill shape */
    text-align: center !important; /* Center the text */
    margin-top: 30px;
    outline: 2px solid black;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
    font-size: 1.2em !important;
    
}

#informationwidget_242563 h3 a:hover {
  	-webkit-transition: background-color .5s ease;
  	-moz-transition: background-color .5s ease;
  	-o-transition: background-color .5s easet;
  	transition: background-color .5s ease;
    background-color: gold !important; /* gold background color for h3 element */
	color: #000 !important;
  	text-decoration: none; 
}


#informationwidget_242563 .img-responsive {
	float: right; /* Float the image to the right */
    margin-left: 20px; /* Add some space between the image and the text */ */
}

#informationwidget_242563 ul {
    list-style-type: none; /* Remove the list decoration */
}

/* END OF ECONSULT BANNER FOR APPTS PAGE */
#BlogPost14412 {
	align-items: center;
  
}

#BlogPost14412 > div.blog-image {
  	background-color: #fcfcfc;
  	border: 2px dashed lightsteelblue;
	transition: transform 0.6s ease-in-out;
  	transform: scale(.9);
  box-shadow:  10px 10px 10px #bebebe,
             -20px -20px 20px #ffffff;
}

#BlogPost14412 > div.blog-image:hover {
  transform: scale(1.1) rotate(-3deg);
  transition: transform 0.5s ease-in-out;
  box-shadow: 10px 10px 10px aliceblue,
             -20px -20px 20px aliceblue;
}

#informationwidget_244177 h3 {
  text-align: center;
}

#informationwidget_244177 h3 a {
  background: #0f7ac2;
  background-image: -webkit-linear-gradient(top, #0f7ac2, #2b2bb8);
  background-image: -moz-linear-gradient(top, #0f7ac2, #2b2bb8);
  background-image: -ms-linear-gradient(top, #0f7ac2, #2b2bb8);
  background-image: -o-linear-gradient(top, #0f7ac2, #2b2bb8);
  background-image: linear-gradient(to bottom, #0f7ac2, #2b2bb8);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 22px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

#informationwidget_244177 h3 a:hover {
  background: gold;
  text-decoration: none;
  color: #000;
  padding: 10px 24px 10px 24px;
}
/* EXTRA PRICES TABLE */
#informationwidget_232296 table {
  border-collapse: separate;
  width: 100%;
  border: 1px solid #ddd; /* Add a light border */
  border-radius: 10px; /* Rounded corners for the entire table */
  overflow: hidden; /* Ensures rounded corners are visible */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Adds a more pronounced shadow for depth */
  font-family: 'Roboto', sans-serif; /* Use a modern font */
  background: #fff; /* White background for the table */
}

#informationwidget_232296 thead {
  background: linear-gradient(135deg, #0066b3, #005499); /* Gradient for the table head */
  color: white;
}

#informationwidget_232296 th, td {
  padding: 12px 20px; /* Increased padding for better spacing */
  text-align: left;
  text-transform: none; /* Ensure normal text transformation */
  border-bottom: none; /* Remove the light border between rows */
}

#informationwidget_232296 th {
  font-weight: 500; /* Slightly lighter font weight for a modern look */
  text-transform: uppercase;
  letter-spacing: 0.5px; /* Adds spacing between letters for a modern look */
}

#informationwidget_232296 tbody tr:nth-child(even) {
  background-color: #f8faff; /* Very light blue for even rows */
}

#informationwidget_232296 tbody tr:nth-child(odd) {
  background-color: #ffffff; /* White for odd rows */
}

#informationwidget_232296 tbody tr:hover {
  background-color: #e0e7ff; /* Highlight row on hover for better UX */
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1); /* Subtle inset shadow on hover */
  transition: background-color 0.3s, box-shadow 0.3s; /* Smooth transition effect */
}
#informationwidget_232296 {
  background-color: #fff;
}
/* END OF PRICE LIST */


/* Social media logos */
#bootstrap-square > div.further-information-container > div > div > div.social-media > div > a:nth-child(1) > svg {
  fill: #0066cc;
}
#bootstrap-square > div.further-information-container > div > div > div.social-media > div > a:nth-child(2) > svg {
  fill: #B9770E;
}
/*END OF SOCIAL MEDIA */

/*PPG Join Here Button */
#informationwidget_224613 > div.widget-item-container > div > p:nth-child(5) > a {
  display: inline-block;
  background-color: #0066cc;
  padding: 10px 30px;
  color: #fff;
  border-radius:50px;
}
#informationwidget_224613 > div.widget-item-container > div > p:nth-child(5) > a:hover {
  background-color: gold;
  color: #000;
  text-decoration: none;
}
  
#informationwidget_224613 > div.widget-item-container > div > p:nth-child(5) {
text-align:center;
}
/* END OF PPG BUTTON */

/*OPENING TIMES - TABLE*/
table.styled-table, table.opening-times-table {
  width: 100%;
  background-color: #fff;
  border-collapse: collapse;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  border-radius: 5px; /* Rounded corners */
  font-family: 'Open Sans', sans-serif; /* Modern font family */
}

table.styled-table tr, table.opening-times-table tr {
  border-top: none; /* Remove top border */
}

table.styled-table tr:nth-child(odd), table.opening-times-table tr:nth-child(odd) {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.1)); /* Subtle gradient for odd rows */
}

table.styled-table th, table.opening-times-table th {
  background-color: #0066b3;
  color: #fff;
  padding: 10px;
  font-weight: 500;
  border-top-left-radius: 1px; /* Rounded corner for top left */
  border-top-right-radius: 1px; /* Rounded corner for top right */
  font-size: 16px;
}

table.styled-table td, table.opening-times-table td {
  border: 0.5px solid #eee; /* Lighter grey border */
  color: #333;
  font-weight: 400;
  padding: 10px;
  font-size: 16px;
}

table.styled-table tr:hover, table.opening-times-table tr:hover {
  background-color: #fff; /* Maintain white background */
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); /* Subtle hover shadow */
  cursor: pointer;
  /* Optional hover with color overlay */
  background-color: rgba(29, 128, 185, 0.1); /* Light blue overlay */
}
/*END OF- OPENING TIMES - TABLE*/

/*Sick note button*/
#informationwidget_224551 > div > div > p:nth-child(8) > a {
   background-color: #0066cc ;
  display: inline-block;
  color: #fff !important;
  padding: 20px 30px;
  border-radius:50px;
  margin-top: 30px;
  font-family: 'Poppins', sans-serif;
  font-weight: normal !important;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  &:hover {
    color: black !important;
    background-color: gold;
    text-decoration: none;
  }
} 
#informationwidget_224551 > div > div > p:nth-child(8) {
  display: flex; /* Make the parent a flex container */
  justify-content: center; /* Center the child elements horizontally */
}
/*END OF SICK NOTE BUTTON*/
body {
    font-family: 'Poppins', sans-serif !important;
  font-weight: normal !important;
}

/*NEWS BUTTONS*/
#BlogPost16151 > div:nth-child(1) > div:nth-child(3) > p:nth-child(11) > a:nth-child(1) {
  display: flex;
  justify-content: center;  /* Centers content horizontally */
  align-items: center;      /* Centers content vertically */
  padding: 15px 25px;
  background-color: #0066cc;
  color: #fff !important;
  text-align: center;
  font-weight: 600;
  border: 1px solid #182599;
}

#BlogPost16083 > div:nth-child(1) > div:nth-child(3) > p:nth-child(9) > a {
  display: flex;
  justify-content: center;  /* Centers content horizontally */
  align-items: center;      /* Centers content vertically */
  padding: 15px 25px;
  background-color: #0066cc;
  color: #fff !important;
  text-align: center;
  font-weight: 600;
  border: 1px solid #182599;
}

#BlogPost14613 > div > div:nth-child(3) > div:nth-child(6) > div:nth-child(3) > a {
    display: flex;
  justify-content: center;  /* Centers content horizontally */
  align-items: center;      /* Centers content vertically */
  padding: 15px 25px;
  background-color: #0066cc;
  color: #fff !important;
  text-align: center;
  font-weight: 600;
  border: 1px solid #182599;
}
/*END OF NEWS BUTTONS*/

/*BUTTON PPG BOX ON SERVICES*/
#informationwidget_256039 > div > div > div:nth-child(7) > a {
  display: flex;
  justify-content: center;  /* Centers content horizontally */
  align-items: center;      /* Centers content vertically */
  padding: 15px 25px;
  background-color: #0066cc;
  color: #fff !important;
  text-align: center;
  font-weight: 600;
  border: 1px solid #182599;
}
/*END OF PPG BOX*/

/*NHS NUMBER IMG */
#imagewidget_243824 img {
  opacity: 1; /* Set initial opacity to 1 (fully visible) */
  filter: brightness(1); /* Set initial brightness to 100% */
  transition: opacity 0.2s ease-in-out, filter 0.2s ease-in-out; /* Set smooth transition */
  filter: saturate(2);
}

#imagewidget_243824 img:hover {
  filter: brightness(1); /* Set initial brightness to 100% */
  transition: opacity 0.2s ease-in-out, filter 0.2s ease-in-out; /* Set smooth transition */
  filter: saturate(4);
}
/*END OF NHS NUMBER IMG */


.image-widget-heading {
  font-size: 1.5em;
  }

/* BLUE CLICKABLE BOX */
#BlogPost17839 > div.blog-text > div:nth-child(3) > div:nth-child(11) > div:nth-child(2) > a {
      display: flex;
  justify-content: center;  /* Centers content horizontally */
  align-items: center;      /* Centers content vertically */
  padding: 15px 25px;
  background-color: #0066cc;
  color: #fff !important;
  text-align: center;
  font-weight: 600;
  border: 1px solid #182599;
}
/* Flu box on homepage */
#imagewidget_261703 img {
    padding: 8px;
    border-radius: 8px;
    box-sizing: border-box;
    filter: saturate(100%);
    transition: transform .5s ease, filter .5s ease;
    transform: scale(1); /* Start at normal size */
}

#imagewidget_261703 img:hover {
    transform: scale(1.05); /* No zoom, stays at 100% size */
    filter: saturate(60%); /* Reduce saturation to 80% */
}

#imagewidget_261703 > a > div {
background-color: white;
}
/*  END of Flu box on homepage */



.widget-item {
background-color: white; /*ALL WIDGETS WHITE BG */
}

.style-default h3,.style-default h4 {
    color: #005eb8; /*ALL h3 and h4 NHS BLUE TEXT */
}

div#WidgetPage, div#AppointmentsPage {
    background-color: #fff;
    margin: auto;
    width: fit-content;
    padding: 15px;
    border: solid 1px #0066b3;
    border-radius: 10px;
}
div#Newsletters.col-md-3 {
    background-color: #0066b3;
    padding: 5px;
    border-radius: 4px;
   
}
div#Newsletters.col-md-3 h3 {
    color: #fff;
}
div.newsletter a  {
    color: #fff;
}
div.date, span.date {
    color: #acacac !important;
}
#fullSearchText, button {
    border-radius: 3px !important;
}
.blog-post, .styled-container {
    border: solid 1px #0067b3 !important;
}
.blog-text {
    border: none !important;
    box-shadow: none !important;
    border-radius: none !important;
   }
div.image-widget {
   
    border: solid 1px #005EB8 ;
}
#PageTitleDisplay {
border-bottom: 2px dotted #0066be;
}

#BlogPost18751 img.img-responsive {
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
 border: 1px solid #bbbebf;
}


/*Sophie on news img */
#BlogPost18751 img.img-responsive {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  border: 1px solid #bbbebf;
  transition: transform 0.3s ease;
}
#BlogPost18751 img.img-responsive:hover {
transform: scale(1.5) rotate(-5deg);
}


/* FIND A PHARMACY BUTTON & NOMINATE A PHARMACY */
#section_39447_description a,
#section_39455_description a {
    display: block;
    background-color: #0066cc;
    padding: 10px 30px;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    border: 3px solid #fff;
    text-decoration: none;
    width: 100%; /* Make the button full width */
}

/* Optional: Add hover effect */
#section_39447_description a:hover,
#section_39455_description a:hover {
    background-color: #004c99; /* Slightly darker blue on hover */
}
/* END OF FIND A PHARMACY AND NOMINATE BUTTON */

a[data-link-id="427800"] {
display: inline-block;
background-color: #0066cc;
    color: white; /* Example styling */
    font-weight: bold;
    text-decoration: none;
    padding: 5px;
    border-radius: 4px;
}
a[data-link-id="427800"]:hover {
    background-color: gold;
    color: black;
}
/*MSK Img on news page */
/* Only hits the specific image */
img.img-responsive[src*="fileId=373422"] {
  display: block;                 /* removes inline gap */
  max-width: 100%;                /* keeps it responsive */
  border-radius: 8px;             /* soft corners */
  border: 1px;                      /* no hard border */
  box-shadow: 0 4px 12px rgba(0,0,0,0.15); /* soft modern shadow */
  padding: 4px;                   /* optional white “frame” */
  background: #fff;               /* optional white card background */
}