@charset "utf-8";
/* CSS Document */

<!-- Additional css for keyboard focus effect -->
/* Apply focus effect across site keyboard users only */	
  :focus:not(:focus-visible) {
    outline: none;
  }
  :focus-visible {
    outline: 3px solid orange; background: none; border: none;
  }
 
  /* Navbar Background Colour*/
  .navbarbg {
	  background-color: 165b90;
  }

/* prevent cms editable regions from being able to display underlining with classes and pseudo-class*/
.editable [style*="underline"] {
  text-decoration: none !important;
}

u {
  text-decoration: none !important;
}

.editable u {
  text-decoration: none !important;
}

/* Doctorlink image */
.drlinkimg {max-width:100%; float: right;}

/*Extra space under Paragraphs and lists */
.editable p {margin-bottom: 1.5em;}
.editable ul {margin-bottom: 1.5em;}

/* TYPOGRAPHY */

/* import google fonts */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@0,300..800;1,300..800&family=Roboto:wght@400;500;700;900&display=swap');


/* Removes paragraph padding from banner photo */
#banner p { 
padding: 0px;
margin: 0px;
}
#welcome {font-family: 'Open Sans', sans-serif;
	font-size: 1.15rem;
	line-height: 1.7;}

.welcomemsg {
	padding-bottom: 5px;
	border-bottom-width: 4px;
	border-bottom-style: none;
	border-bottom-color: #E7EFF7;
	color: #555;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.15rem;
	line-height: 1.7;
	margin-top: 1rem;
}


h1, h2, h3, h4, h5, h6 {font-family: 'Roboto', sans-serif; font-weight: 500; text-transform: none; color: #363937;}


h1 {
	font-size: clamp(1.75rem, 1.2964rem + 1.0182vw, 2.2rem);
	margin-top: 1rem;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	line-height: 1.2;
}
h2 {
	font-size: clamp(1.5rem, 1.2545rem + 0.7273vw, 1.9rem);
	line-height: 1.2;
	margin-top: 2.75rem;
	margin-right: 0px;
	margin-bottom: 0.9rem;
	margin-left: 0px;
	padding: 0px;
}

h3, h4, h5, h6 {
	font-size: clamp(1.25rem, 1.1336rem + 0.5818vw, 1.65rem);
	line-height: 1.2;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 2.75rem;
	margin-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	
}


.footer a:link {
	color: #ffffff;
	text-decoration: none;
	line-height: 1.5;
}

.footer a:visited {
	color: #ffffff;
	text-decoration: none;
	padding: 0px;
}
.footer a:hover {
	color: #469CDB;
	text-decoration: none;

}
.footerbg a:active {
	color: #ffffff;
	text-decoration: none;
}
.footer p {
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	color: #FFF;
	font-size: 0.9rem;
	line-height: 1.4;
}
	
.footerheadline {
	font-size: 1.3rem;
	line-height: 1.2;
	font-weight: 600;
}
.mainpagecontent {
	color: #555;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.15rem;
	line-height: 1.7;
	padding-bottom: 10px;
	
}
.rightnav {
	font-family: 'Open Sans', sans-serif;
	font-size: 0.825rem;
	color: #6b6b6b;
	padding-top: 11px;
	padding-bottom: 11px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d6d6d6;
	text-align: left;
	background-image: url(../images/a_arrow-r2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
}
.rightnav a:link {
	color: #6b6b6b;
	text-decoration: none;
}

.rightnav a:visited {
	color: #6b6b6b;
	text-decoration: none;
}
.rightnav a:hover {
	color: #165b90;
	text-decoration: none;
}
.rightnav a:active {
	color: #6b6b6b;
	text-decoration: none;
}
.mainpagecontent a:link {
	color: #555;
	text-decoration: none;
	padding: 1px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #555;
}

.mainpagecontent a:visited {
	color: #555;
	text-decoration: none;
	padding: 1px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #555;
}
.mainpagecontent a:hover {
	color: #165b90;
	text-decoration: none;
	padding: 1px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #165b90;

}
.mainpagecontent a:active {
	color: #555;
	text-decoration: none;
	padding: 1px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #555;

}

.welcomemsg a:link {
	color: #555;
	text-decoration: none;
	padding: 1px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #555;
}

welcomemsg a:visited {
	color: #555;
	text-decoration: none;
	padding: 1px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #555;
}
.welcomemsg a:hover {
	color: #165b90;
	text-decoration: none;
	padding: 1px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #165b90;

}
.welcomemsg a:active {
	color: #555;
	text-decoration: none;
	padding: 1px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #555;

}

.newscontent a:link {
	color: #555;
	text-decoration: none;
	padding: 1px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #555;
}

.newscontent a:visited {
	color: #555;
	text-decoration: none;
	padding: 1px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #555;
}
.newscontent a:hover {
	color: #165b90;
	text-decoration: none;
	padding: 1px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #165b90;

}
.newscontent a:active {
	color: #555;
	text-decoration: none;
	padding: 1px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #555;

}

A.button {
	font-family: 'Open Sans', Sans-serif;
	font-size: 1.1rem;
	font-weight: 400;
	COLOR: #ffffff;
	TEXT-DECORATION: none;
	background-color: #165b90;
	padding-left: 45px;
	padding-right: 45px;
	padding-top: 15px;
	padding-bottom: 15px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
	text-transform: none;
}
A.button:hover {
	COLOR: #ffffff;
	background-color: #267EC2;
	TEXT-DECORATION: none;
	
}
.newsdiv {
	background-color: #F3F3F3;
	background-image: url(../images/news-box1-bg.png);
	background-repeat: repeat-x;
	background-position: left top;
	border: 1px solid #e1e1e1;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	-khtml-border-radius: 9px;
	border-radius: 9px;
	color: #555;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.15rem;
	line-height: 1.7;

}
	.newspadding {
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

/* ADDITONAL CSS */

#header-fw { max-width: 1332px; margin-left: auto; margin-right: auto;}
#navbar-fw { max-width: 1332px; margin-left: auto; margin-right: auto;}

#footer-fw-bg { background-color: #172737; padding-bottom: 55px; padding-top: 50px; margin-top: 60px;}
#footer-fw { max-width: 1332px; margin-left: auto; margin-right: auto;}

.sitelogo { margin-bottom: 25px; margin-left: 15px; max-width: 275px;}
.strapline { max-width: 220px; }
.phone { float: right; margin-top: 10px; margin-right: 15px;}

.footer {
	padding-bottom: 30px;
	background-position: right top;
	background-color: #172737;
	background-repeat: no-repeat;
	margin-top: 20px;
	margin-bottom: 0px;
	}
	
	/*Hide strapline on smaller tablets and mobile */
@media (max-width: 740px) {	
.strapline {display: none;}
}
	
@media (max-width: 700px) {	
.sitelogo {width:275px;}
}

@media (max-width: 550px) {	
.sitelogo {width:250px}
}

/* side nav images */
.sideimg {
	max-width:100%;
	margin-top: 20px;
}
/* side nav text rules */
.side p {
	font-family: 'Open Sans', sans-serif;
	font-size: 0.925rem;
	line-height: 1.7;
	color: #555;
	}
.sidenav h3 {font-size: 1.3rem; line-height: 1.2;}


/* LARGE HOME PAGE BANNER IMAGE ------------------------------------------------------------*/
.homepageimg {
	margin-bottom: 10px;
	}

.homepageicons {
	margin-top: 10px; margin-bottom: 10px;
}
.homepageicons2 {
	margin-top: 16px;
	margin-bottom: 16px;
}
.footer {
	padding-top: 10px;
	background-position: right top;
	background-color: #172737;
	background-repeat: no-repeat;
	margin-top: 20px;

}
	.header-vlebg {
	background-image: url(../images/a_header_vle_bg.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.vle_button {
	margin-top: 142px;
	margin-right: 14px;
	margin-bottom: 23px;
}
.logo {
	padding-top: 55px;
}

.bannerphoto {
	margin-bottom: 16px;
}
.sidenav {
	background-image: url(../images/rightnavbg-sidenav2.png);
	background-position: left 2px;
	background-repeat: no-repeat;
}

.download_icon {
	padding-right: 3px;
	margin-bottom: 10px;
}
.social_network_icon {
	margin-right: 8px;
	margin-top: 9px;
}
.headingline {
	padding-bottom: 0;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #E7EFF7;
}
.photopad-left {
	margin-left: 15px;
	margin-bottom: 10px;
}
.news-headlinerow {
	font-size: 0.925rem;
	font-weight: bold;
	background-color: #f8f8f8;
	padding: 10px;
	border: 1px solid #e1e1e1;
}
.news-contentrow {
	padding: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #e1e1e1;
	border-right-color: #e1e1e1;
	border-bottom-color: #e1e1e1;
	border-left-color: #e1e1e1;
}
.news-margin {
	margin-bottom: 7px;
}
.rightnav-btmpad {
	margin-bottom: 11px;
}
/* CLINICS TABLE ------------------------------------------------------------*/

.clinictable {
	background-color: #CCC;
	border: 0px solid #CCC;
	font-family: 'Open Sans', sans-serif;
	font-size: 1rem;
	line-height: 1.6;
	color: #555;
		-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}
.clinictable tr:nth-child(even) {background-color: #f2f2f2}	
.clinictable tr:nth-child(odd) {background-color: #fff}
/*------------------------------------------------------------*/
.nhs111padding {
	margin-left: 25px;
	margin-bottom: 20px;
}
.form1 {
	font-family: 'Open Sans', sans-serif;
	font-size: 1rem;
	line-height: 1.6;
	color: #555;
	padding: 5px;
	border: 1px solid #ccc;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,.2);
	-moz-box-shadow: 0px 0px 6px rgba(0,0,0,.2);
	-o-box-shadow: 0px 0px 6px rgba(0,0,0,.2);
	box-shadow: 0px 0px 6px rgba(0,0,0,.2);
	 max-width: 95%;
	
}
.formbutton {
	font-family: Open Sans, Sans-serif;
	font-size: 1.1rem;
	font-weight: 400;
	line-height: 1.2;
	text-transform:none;
	color: #FFF;
	background-color: #165b90;
	padding-left: 45px;
	padding-right: 45px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-right: 20px;
	border: 1px solid #165b90;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
	border-radius: 6px;
	cursor: pointer;
	margin-bottom:15px;
	margin-top:7px;
}

.formbutton:hover { 
	background-color: #267EC2;
	border: 1px solid #267EC2;
}


.form-wrapper {
	background-color: #F1F1F1;
	border: 1px solid #e1e1e1;
	padding: 15px;
	background-repeat: repeat;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border-radius: 6px;
}

/* GP BIO PHOTOS ------------------------------------------------------------*/
.biophotos{
	border-radius: 48%;
	-webkit-border-radius: 48%;
	-moz-border-radius: 48%;
	-o-border-radius: 48%;
	margin-left: 15px;
	margin-bottom: 20px;
	float: right;
	border: 5px solid #e1e1e1;
	max-width: 100%;
}

@media only screen and (max-width: 680px) {
	.biophotos {
		max-width: 100%;
		float:left;
		margin-left: 0;
		margin-right: 12em;
	}
}

/*bio section styles */
.bio {
border-top: solid 4px #E7EFF7;
padding: 1.2em 0 1.5em 0;
background-color: #fff;
margin-bottom: 0;
}

@media only screen and (max-width: 680px) {
	.bio {
		padding: 0;
	}
}

/* TABLE CSS */
#leftcolumn { width: 340px; border: 0px solid red; float: left; padding-right:35px}
#rightcolumn { width: 300px; border: 0px solid red; float: left;}


/* FLUID VIDEO O1 */

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* FLUID VIDEO 02 */

.embed-container {
    position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    padding-top: 30px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}