/*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.8);
  	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 > details {
 	 background-color: #fff;
 	 border-radius: 12px;
}

/*animated expander on homepage*/
.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: bold;
  	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: #f9f9fa;
    display: inline-block;;
    padding: 1px;
  	transition: transform 0.3s ease-in-out;
}

/*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;
 
}
/* 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;
	background: rgb(233,233,233);
	background: rgb(242,242,242);
	background: rgb(255,255,255);
	background: rgb(255,255,255);
	background: linear-gradient(139deg, rgba(255,255,255,1) 0%, rgba(230,231,232,1) 100%);
}
/* 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: #eeefef;
    padding: 2rem;
    background: rgb(255,255,255);
	background: -moz-linear-gradient(139deg, rgba(255,255,255,1) 0%, rgba(233,233,233,1) 100%);
	background: -webkit-linear-gradient(139deg, rgba(255,255,255,1) 0%, rgba(233,233,233,1) 100%);
	background: linear-gradient(139deg, rgba(255,255,255,1) 0%, rgba(233,233,233,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#e9e9e9",GradientType=1);
    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: 30px 10px;
}

#informationwidget_242499 h3 {
    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;
  }
}


#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 */
#informationwidget_242563 {
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 img {
 float: right;
 align-items: right;
 margin-left: 30px;
 }
#informationwidget_242563 h3 {
 display: none;
}
#informationwidget_242563 h2 {  
 color: white !important;
 padding: 30px;
}
#informationwidget_242563 .content {
 width: 80%;
 margin: auto;
}
#informationwidget_242563 ul {
 list-style-type: none;
}
#informationwidget_242563 li 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.5em !important;
}

#informationwidget_242563 li 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; 
}

/* Media query for viewports smaller than 768px */
@media (max-width: 767px) {
  #informationwidget_242563 img {
    display: none; /* Hide the image */
  }

  #informationwidget_242563 {
    padding: 10px !important; /* Set padding to 20px */
  }

  #informationwidget_242563 .content {
    width: 100%; /* Make the content full width */
    text-align: center; /* Center align the content */
  }
  #informationwidget_242563 li a {
    margin-right: 30px; /* Offset the link to the right */
  	
  }
}
/* 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;
}


.prototype-template .header .header-large .sites .site-contact .name {
    font-size: 18pt;}
.prototype-template .header .header-large .sites .site-contact .name, .prototype-template .header .header-large .sites .site-contact .address, .prototype-template .header .header-large .sites .site-contact .telephone {
    font-size: 20px;}
.fa-stack-1x, .fa-stack-2x {visibility: hidden;}
.prototype-template .header .header-large .background {background-color: rgb(0 0 0 / 48%);}