/*
Theme Name: OHFT21
Theme URI: https://www.oxfordhealth.nhs.uk/wp-content/themes/ohft21
Author: Tim Bowes, Oxford Health NHS Foundation Trust
Author URI: https://www.oxfordhealth.nhs.uk
Description:  Official theme of Oxford Health website.
Version: 3.0 18.06.21
License: For use by Oxford Health NHS Foundation Trust only. 
License URI: https://www.oxfordhealth.nhs.uk
Text Domain: ohft
 */
/* COPYRIGHT (c) Oxford Health NHS Foundation Trust, 2021.
 * All Rights reserved. Author: Tim Bowes, IT Department */


/* === Base === */
html {background: #EDF0F0;}
body {background: #F0F4F5 !important;}
h1, h2, h3, h4, h5, h6 {clear: both;}
article,aside,footer,header,nav,section {display: block}
button,input,select,textarea {font-family: inherit}
.wrapper {width: 100%;margin: 0 auto;}
.clear:after {content: ".";	display: block;	height: 0;clear: both;visibility: hidden;}
.hidden {display: none;}
.left {float: left;}
.right {float: right;}
.center {text-align: center;}
::-webkit-input-placeholder, :-ms-input-placeholder {color:#d8dde0;}
blockquote {padding: 20px 20px 10px;margin: 15px 0 20px;border-left: 5px solid #005EB8;	background: #ffffff;overflow: auto;}
blockquote p {margin-bottom:10px;}

/* === Links === */
a {color: #005eb8}
a:visited {color: #330072}
a:hover {color: #7C2855;text-decoration: none}
a:focus {background-color: #ffeb3b;	box-shadow: 0 -2px #ffeb3b, 0 4px #212b32;color: #212b32;outline: 4px solid transparent;text-decoration: none}
a:focus:hover {text-decoration: none}
a:focus:visited {color: #212b32}
a:focus .nhsuk-icon {fill: #212b32}
a:active {color: #002f5c}

/* === Images === */
img {max-width: 100%;height: auto;}
.attachment img {max-width: 610px;display: block;margin: 0 auto;}
.alignnone, img.alignnone {clear: both;display: block;margin-bottom: 15px;z-index: 11;}
.alignleft, img.alignleft {display: inline;float: left;margin-right: 15px;margin-top: 4px;z-index: 11;}
.alignright, img.alignright {display: inline;float: right;margin-left: 15px;margin-top: 4px;z-index: 100;}
.aligncenter, img.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;z-index: 11;}
img.alignleft, img.alignright, img.aligncenter {margin-bottom: 15px;}
.wp-caption {background: #f1f1f1;line-height: 18px;margin-bottom: 20px;text-align: center;padding: 4px;}
.wp-caption img {margin: 5px 5px 0;}
.wp-caption p.wp-caption-text {color: #4c6272;font-size: 14px;margin: 5px;}
.gallery {margin: 0 auto 18px;}
.gallery .gallery-item {float: left;margin-top: 0;text-align: center;width: 190px;}
.gallery .gallery-item img {max-width: 190px;border: none!important;margin-bottom: 0;}
.gallery .gallery-caption {color:#4c6272;font-size: 14px;margin: 0 0 12px;}
.gallery br+br {display: none;}
.wp-smiley, .gallery dl {margin: 0;}

/* === Corporate Menu === */
.nhsuk-header {display: none;}
.head {width: 100%;	background-color: #fff;}
#top-bar {background-color: #005EB8;clear: both;margin: 0 auto;height: 50px;width: 100%;z-index: 99;padding: 5px 0;}
.top-bar {width: 1140px;margin: 0 auto 0;height: 50px;color: #fff;}
.top-bar .nhsuk-icon__search {margin: 7px 0 0 0;}
.top-bar label {position: absolute;left: -999em;}
.top-tools {width: 279px;float: right;}
.corporate-menu {width: 650px;height: 40px;float: left;}
.corporate-menu a {color: #fff;display: block;line-height: 18px;padding: 0 15px;text-decoration: none;}
.corporate-menu ul {padding: 0;margin: 0;list-style: none;margin: 11px 0 0 -20px;}
.corporate-menu li {float: left;display: block;text-align: left;font-size: 16px;margin: 0;padding: 0 15px;line-height: 17px;background: none;position: relative;z-index: 200;}
.corporate-menu li a {color: #fff;text-decoration: none;display: block;padding:0  0 3px;margin: 0;white-space: nowrap;}
.corporate-menu li:hover>a {border-bottom: 3px solid #fff;}
.corporate-menu li a:focus {border-bottom:none; color: #000;}
li.patient {display: none;}

/* === Header === */
.header {height: 130px;width: 1140px;overflow: hidden;margin: 0 auto;background-color: #ffffff;}
.mobile-header {display: none;}
.ohft-logo {width: 160px;height: 79px;margin: 25px 0 0 0;padding: 0;overflow: hidden;float: right;}
.ohft-logo img {width: 160px;height: 79px;margin: 0;padding: 0;}

/* === Patient Menu === */
.patient-menu {width: 500px;height: 100px;padding: 47px 0 0;}
.patient-menu a {color: #000;display: block;line-height: 18px;padding: 0 15px;text-decoration: none;}
.patient-menu ul {padding: 0;margin: 0;list-style: none;margin: 0 0 0 -15px;}
.patient-menu li {float: left;display: block;text-align: left;font-size: 1.2em;letter-spacing: -0.3px;margin: 0;padding: 0 15px;line-height: 15px;background: none;position: relative;z-index: 200;}
.patient-menu li a {color: #000;text-decoration: none;display: block;padding: 10px 0;margin: 0;white-space: nowrap;}
.patient-menu li:hover>a {border-bottom: 4px solid #0072CE;}
.patient-menu li a:focus {border-bottom:none;}

/* === Search Fields === */
.refine_search fieldset {width: 500px;padding: 0px;font-size: 20px;line-height: 1;border: 1px solid #768692;-webkit-appearance: none;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background-color: #fff;margin: 0 0 50px;padding: 1px;}
.refine_search input {padding: 15px;color: #000;vertical-align: top;width: 50%;border: none;background: none;font-size: 16px;margin: 0;float: left;}
.refine_search select {color: #000;vertical-align: middle;width: 40%;border: none;background: none;font-size: 16px;float: left;}
.refine_search button {float: right;}
.refine_search input[type="text"] {color: #000;}
.refine_search ::-webkit-input-placeholder {color: #000;}
.refine_search :-moz-placeholder {color: #000;}
#refine_search ::-moz-placeholder {color: #000;	opacity: 1;}
.refine_search :-ms-input-placeholder {color: #000;}
.refine_search input:hover {background-color: #ffffff;color: #000;}
.refine_search button:hover {background-color: #0072CE;color: #fff;}
.search_services fieldset {width: 500px;padding: 0px;font-size: 20px;line-height: 1;border: 1px solid #768692;-webkit-appearance: none;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background-color: #fff;margin: 0 0 30px;padding: 1px;}
.search_services input {padding: 15px;color: #000;vertical-align: top;width: 90%;border: none;background: none;	font-size: 16px;margin: 0;float: left;}

/* === Custom NHS CSS === */
.nhsuk-width-container {margin: 0 16px;max-width: 1140px ;}
@media (min-width: 48.0625em) {.nhsuk-width-container {margin: 0 32px;	max-width: 1140px !important;}}
.nhsuk-width-container-fluid {margin: 0  !important; max-width: 100%;}
.nhsuk-breadcrumb__item {background: none !important; padding-right: 0px !important;}

/* === Vertical Navigation === */
#submenu {width: 80%;float: right;margin: 70px 0 0;padding: 0;}
#submenu ul {list-style: none;margin: 0;padding: 0;text-decoration: none;}
#submenu ul li {font-weight: 600;font-size: 19px;line-height: 1.5;color: #4c6272;margin-bottom: 20px;padding-top: 4px;text-decoration: none;}
#submenu ul li a {color: #4c6272;margin-bottom: 0px;padding-top: 4px;text-decoration: none;}
#submenu ul li a:hover {text-decoration: none;background-color: none;}
#submenu ul ul {display: block;margin: 10px 0 0px 0;padding: 0px 0 0;}
#submenu ul ul li {font-weight: 400;font-size: 19px;margin-bottom: 0;padding: 6px 0;}
#submenu ul ul li a {color: #005EB8;font-size: 16px;}
#submenu ul ul li a:hover {background-color: none;}
#submenu ul ul ul {border: none;background: none;margin: 10px 0 10px 10px;padding: 0;padding-left: 0;}
#submenu ul ul ul li {margin: 0;}
#submenu ul ul ul > li:before {content: "— ";text-indent: 10px;color: #005EB8;}
#submenu ul ul ul li a {width: 120px;}
#submenu .current_page_item {font-weight: bold;color:#212b32;background-color: #ffffff ;margin: 10px 0 10px -17px;border-left: 4px solid #005eb8;padding: 10px 13px;}

/* === Standard Page === */
.featured-image {width: 100%;height: 300px;background-image: url(images/head/patients-arriving.jpg);background-position: top center;background-repeat: repeat-x;background-size: cover;clear:both;}
.nhsuk-header__search-form--search-results{margin-bottom:40px;background-color:transparent;display:-ms-flexbox;display:flex;padding:0;width:100%}
.no-featured-image {height: 200px;}

/* === Section Page === */
.band {display: block;color: #fff;padding:20px 0;margin: 0;}
.band h2 {color: #fff;margin: 0;}
.band table {width: 100%;margin-bottom: 0;border-top: 1px solid #E8EDEE;}
.band th, .band td {overflow: visible;border-bottom: 1px solid #E8EDEE;margin: 0;padding: 2% 0;}
.band table tbody>tr:nth-child(odd)>td {background: none;}
.band p a {color: #ffffff;text-decoration: underline;font-weight: bold;}
.text-container {padding: 0px;width: 1140px;margin: 0 auto 0;}
.text-container h1 {margin: 15px 0 15px;text-align: left;}
.text-container h2 {margin: 20px 0 20px;text-align: center;}

/* === Subsite === */
#centeredmenu {float:left;width:100%;overflow:hidden;position:relative;margin: 30px auto 0;height: 40px;}
#centeredmenu ul {clear:left;float:left;list-style:none;margin:0;padding:0;position:relative;left:50%;text-align:center;font-size: 16px;}
#centeredmenu ul li {display:block;float:left;list-style:none;margin:0;padding:0;position:relative;right:50%;border:none;}
#centeredmenu ul li a {display:block;margin:0;background: #005EB8;border: 1px solid transparent;;color:#fff;text-decoration:none;line-height:1.3em;-webkit-border-radius:5px;-moz-border-radius: 5px;border-radius: 5px;padding:10px 20px 12px;margin: 0 8px;}
#centeredmenu ul li a:hover {color:#000; box-shadow: normal; margin-top: 0px; border: 1px solid #212b32;color: #000; background-color: #ffeb3b; padding-bottom: 8px;box-shadow: none;}
#centeredmenu ul li a.current_page_item a {background: #fff; color: #000; } 
#centeredmenu ul li.current_page_item a  {color: #fff; background:#009639;border: 1px solid #d8dde0;  } 
#centeredmenu ul li.current_page_item a:hover {background-color: #ffeb3b; border: 1px solid #212b32;color: #000; } 
.ohft-sub-site-page {width: 100%; padding: 0px; background-color: #F9FAFD;background: rgb(240,244,245,1);background: -moz-linear-gradient(top, rgba(240,244,245,1) 0%, rgba(255, 255, 255, 1) 75%);background: -webkit-linear-gradient(top, rgba(240,244,245,1) 0%, rgba(255, 255, 255, 1) 75%);background: linear-gradient(to bottom, rgba(240,244,245,1) 0%, rgba(255, 255, 255, 1) 75%);filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f0f4f5', endColorstr='#ffffff', GradientType=0);clear: both;-webkit-border-radius:10px;-moz-border-radius: 10px;border-radius:10px; border: 1px solid #d8dde0; }
.pagehead {height: auto; width: 100%;  overflow: hidden; position: relative; margin:0 0 30px;z-index:0;-webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;border-top-left-radius: 10px;border-top-right-radius: 10px;  text-align: center; padding-top: 10px; background: #fff; }
.pagehead h1 {text-align: center; color: #000; margin:10px 0 20px 0; padding: 0; line-height: 100%; font-size: 32px;}
.textblock {width:700px;margin: 0 40px; padding:0;}
.textblock img {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.textblock p,.textblock ul,.textblock ol {color:#000;}
.section-box {width: 635px; margin:20px 0 20px 20px; min-height: 440px; padding: 30px; background-color:#ffffff;display: block; margin-bottom: 20px; float: left; border: 1px solid #d8dde0;}
.section-box h1 {margin: 0 0 20px; color: #000; font-size: 32px; text-align: left;}
.section-tile-container {display: block; margin: 20px 20px 0 0; width: 460px; float: right; }
.section-tile {width: 210px; height: 210px; background: #eee; display: block; margin: 0 0 20px 20px; float: right; background-size: 210px 210px;border: 1px solid #d8dde0; }
.section-tile h3 {padding: 7px 5%; background:  #005EB8;width: 100%; position: relative; top: 173px; left: 0; color: #fff;font-size: 16px; }
#snippet-box {width: 100%; margin: 30px auto;}
.sharedaddy li:before {color: #fff;}
iframe {text-align:center;margin-left: auto !important;margin-right: auto !important; width: 100%;}

/* === Homepage === */
.ohft-helper-row {width: 1140px; height: 65px; margin: 30px auto 0px;}
.ohft-helper-column-title {float: left; width: 400px; }
.ohft-helper-column-title p {font-size: 24px; font-weight: bold; padding: 1px 0 0; margin: 0;}
.ohft-helper-column-select {float: left;width: 250px; }
.ohft-helper-column-urgent {float: right;width: 200px;color:#212b32; margin: -3px 0 0; }
.ohft-helper-column-urgent p {text-align: center; background: #ffeb3b; border-radius: 10px; padding: 7px; border-bottom: 3px solid #212b32;}
.ohft-helper-column-urgent p:hover {background: #ffffff; }
.ohft-helper-column-urgent p a {color:#212b32; text-decoration: none;}

/* === Page === */
.ohft-menu-link {margin-bottom: 16px;float:right;}
.ohft-menu-link__link {font-size: 14px;font-size: .875rem;line-height: 1.71429;display: inline-block;padding-right: 24px;position: relative;text-decoration: none;}
@media (min-width: 40.0625em) {.ohft-menu-link__link {font-size: 16px;font-size: 1rem;line-height: 1.5}}
@media print {.ohft-menu-link__link {font-size: 14pt;line-height: 1.2}}
.ohft-menu-link__link .ohft-menu-icon__chevron-right {height: 24px;right: 0;position: absolute;top: 0;width: 24px; fill: #005eb8;}
.ohft-menu-link__link:visited {color: #005eb8;}
.ohft-menu-link__link:hover {color: #7C2855;text-decoration: underline;}
.ohft-menu-link__link:hover .ohft-menu-icon__chevron-right {fill: #7C2855;}
.ohft-menu-link__link:focus .ohft-menu-icon__chevron-right {fill: #005eb8;}

/* === News === */
.ohft-padding-zero {padding: 0 !important;}
.ohft-card-news {background-color:#F0F4F5 !important;}
.ohft-card-event {background-color:#FFFCE2 !important;}
.ohft-card-media {background-color:#E8EDEE !important; }
.ohft-article-date {margin: 0 0 10px !important; padding: 0; font-weight: bold; font-size: 16px; color: #4c6272;}
.ohft-article-title {margin: 0 0 10px !important; padding: 0; font-size: 22px; }
.ohft-article-title a {text-decoration: none; color: #212b32; }
.ohft-event-date {margin: 0 0 !important; padding: 0; font-weight: bold; font-size: 16px; color: #212b32;}
.features-panel {background-color: #ffffff; padding-top: 50px !important;}
.features-panel h1 {text-align: center; font-size: 32px;}
.generic-panel {padding-top: 50px;}
.ohft-go-link {margin-bottom: 16px;float:right;}
.ohft-go-link__link {font-size: 14px;font-size: .875rem;line-height: 1.71429;display: inline-block;padding-right: 24px;position: relative;text-decoration: none;}
@media (min-width: 40.0625em) {.ohft-go-link__link {font-size: 16px;font-size: 1rem;line-height: 1.5}}
@media print {.ohft-go-link__link {font-size: 14pt;line-height: 1.2}}
.ohft-go-link__link .ohft-go-icon__chevron-right {height: 24px;right: 0;position: absolute;top: 0;width: 24px;}
.ohft-go-link__link:visited {color: #005eb8;}
.ohft-go-link__link:hover {color: #7C2855;text-decoration: underline;}
.ohft-go-link__link:hover .ohft-go-icon__chevron-right {fill: #7C2855;}
.ohft-go-link__link:focus .ohft-go-icon__chevron-right {fill: #212b32;}

/* === Publications === */
.leaflet-image {background-color: #E8EDEE;width: 100%;height: 400px;margin: 0;background-size: cover;}
.leaflet-title {background-color: #005EB8;width: auto;height: auto;padding: 15px 20px;border-bottom: 10px solid #0072CE;margin: 0 0 30px;}
.leaflet-title h1 {color: #fff; margin: 0;}

/* ===  SLT Slides === */
#content-wrap {position: relative;margin-left: 300px;clear: both;}
.slide-next, .slide-prev {position: relative; z-index: 999;background: #005eb8;height: 50px;width: 50px;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;border: 3px solid transparent;color: #fff;text-align: center;padding: 5px 0 0;margin:0;font-size: 30px;line-height: 100%;}
.slide-next {bottom: 450px;left: 1120px;}
.slide-prev {top: 330px;left: 0;}
.slide-next:hover, .slide-prev:hover {background: #ffeb3b;color:#212b32;border: 3px solid #212b32;}
#content-wrap #stage-select .carousel-wrapper {padding: 0.9em;text-align: left;}
.carousel-wrapper h1 {text-align: center;margin: 20px 0 0;}
.carousel-wrapper h2 {text-align: center;margin: 10px 0 20px;}
#content-wrap #stage-select .info-column {float: left;margin: 15px;}
#content-wrap #stage-select .info-column p a {margin-top: 30px;font-weight: bold;color: #005EB8;}
#content-wrap #stage-select .info-column p {color: #000;}
#content-wrap #stage-select .info-column ul {margin: 0 0 20px 20px;}
.roundabout-holder {list-style: none;padding: 0;margin: 0 0 30px 0;height: 38em;width: 30em;}
.roundabout-moveable-item {height: 38em;width: 30em;cursor: pointer;background: #ffffff;border: 1px solid 	#d8dde0;overflow: auto;}
.roundabout-in-focus {cursor: auto;}

/* ===  NHS Brand Colours === */
.nhs-blue {background-color: #005EB8;color: #ffffff;}
.nhs-white {background-color: #ffffff;color: #005EB8;}
.nhs-dark-blue {background-color: #003087;color: #ffffff;}
.nhs-bright-blue {background-color: #0072CE;color: #ffffff;}
.nhs-light-blue {background-color: #41B6E6;}
.nhs-aqua-blue {background-color: #00A9CE;}
.nhs-blue-gradient {background: #0072CE; background: -moz-linear-gradient(top, #005eb8 0%, #0072ce 100%); background: -webkit-linear-gradient(top, #005eb8 0%, #0072ce 100%);background: linear-gradient(to bottom, #005eb8 0%, #0072ce 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005eb8', endColorstr='#0072ce', GradientType=0);}
.nhs-black {background-color: #231f20;color: #ffffff;}
.nhs-dark-grey {background-color: #425563;color: #ffffff;}
.nhs-mid-grey {background-color: #768692;color: #ffffff;}
.nhs-pale-grey {background-color: #E8EDEE;color: #000;}
.nhs-dark-green {background-color: #006747;color: #ffffff;}
.nhs-green {background-color: #009639;color: #ffffff;}
.nhs-light-green {background-color: #78BE20;}
.nhs-aqua-green {background-color: #00A499;}
.nhs-purple {background-color: #330072;color: #ffffff;}
.nhs-dark-pink {background-color: #7C2855;color: #ffffff;}
.nhs-pink {background-color: #AE2573;color: #ffffff;}
.nhs-dark-red {background-color: #8A1538;color: #ffffff;}
.nhs-emergency {background-color: #DA291C;color: #ffffff;}
.nhs-orange {background-color: #ED8B00;color: #ffffff;}
.nhs-warm-yellow {background-color: #FFB81C;}
.nhs-yellow {background-color: #FAE100;}

/* === Footer === */
#footer {background-color: #005EB8;margin: 0 auto 0;width: 100%;height: 420px;}
.footer-inner {width: 1140px;display: block;margin: 0 auto;}
#footer p {margin: 0 0 15px;font-size: 16px;padding: 0;}
#footer p a, #footer ul a {color: #ffffff; font-size: 16px;}
#footer li {font-size: 16px;margin: 0 0 15px;color: #ffffff;}
#footer li a {text-decoration: none;}
#footer li a:hover {text-decoration: underline;}
#footer li a:focus {color: #212b32;}
#footer p.highlight {background: #ffeb3b;padding: 3px 5px 3px 5px;font-weight: bold;border-bottom: 3px solid #212b32;text-align: center;font-size: 16px;}
#footer p.highlight a {color: #212b32;text-decoration: underline;}
.footer-column {width: 20%;float: left;margin: 30px 30px 0 0;display: block;height: 200px;}
.footer-right {width: 350px;float: right;display: block;height: 200px;margin-top: 30px;}
#footer .fa {margin: 0 4px 0 10px;}
#footer ul {list-style-type: none;padding: 0;margin: 0;}
#footer li {/*background: url(images/foot/bullet.png) no-repeat left 4px;*/padding: 0 0 0 22px;}
#footer li.rss {background: url(images/foot/rss.png) no-repeat left 4px;}
#footer li.facebook {background: url(images/foot/facebook.png) no-repeat left 4px;}
#footer li.twitter {background: url(images/foot/twitter.png) no-repeat left 4px;}
#footer li.youtube {background: url(images/foot/youtube.png) no-repeat left 4px;}
#footer li.instagram {background: url(images/foot/instagram.png) no-repeat left 4px;}
#footer li.feedback {background: url(images/foot/feedback.png) no-repeat left 4px;}
#footer li.location {background: url(images/foot/location.png) no-repeat left 4px;}
#footer li.phone {background: url(images/foot/phone.png) no-repeat left 4px;}
#footer li.email {background: url(images/foot/email.png) no-repeat left 4px;}
#footer li.urgent {background: url(images/foot/urgent.png) no-repeat left 4px;}
#footer li.urgent a {color:	#ffffff;}
.footer-logos {height: 100px;width: 100%;display: block; }
img.equality-logo {float: left;	margin: 30px 40px;height: 80px;}
.copyright-outer {background-color: #231f20;height: 42px;width: 100%;display: block;margin: 0;overflow: hidden;}
.copyright-inner {width: 1140px;margin: 0 auto;}
.copyright-inner-left {width: 300px;float: left;}
.copyright-inner-left p {font-size: 14px;color: #fff;padding: 10px 0;}
.copyright-inner-left p a {color: #fff;}
.copyright-inner-right {width: 550px;float: right;}
.copyright-inner-right a {color: #fff;display: block;line-height: 18px;padding: 5px 15px;text-decoration: none;}
.copyright-inner-right ul {padding: 0;margin: 0;list-style: none;margin: 0 0 0 -0.8125em;}
.copyright-inner-right li {float: right;display: block;text-align: right;font-size: 14px;margin: 0;padding: 0 12px;line-height: 15px;background: none;position: relative;z-index: 200;}
.copyright-inner-right li a {color: #fff;text-decoration: none;display: block;padding: 10px 0;margin: 0;white-space: nowrap;}
.copyright-inner-right li:hover>a {border-bottom: 2px solid #fff;}

/* === iPad Pro === */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
	.nhsuk-width-container {margin: 0 16px;max-width: 940px !important ;}
	.top-bar {width: 940px;}
	.corporate-menu {width: 660px;}
	.top-tools {width: 279px;height: 40px;float: right;}
	.header {width: 940px;}
	.patient-menu {width: 500px;}
	.ohft-padding-zero {padding: 0 !important;}
	.ohft-hero-feature {background-color:#F0F4F5;  margin: 0; padding: 0; height: auto;   overflow: hidden; }
	.ohft-hero__content {margin: 50px 50px 0; height: auto; }
	.ohft-hero__content h1 {margin: 0 0 20px; letter-spacing: -1px;}
	.ohft-hero-feature img {float:right;}
	.ohft-news-side {margin-left: 20px; max-width: 300px; float: right;}
	.features-panel {background-color: #ffffff; padding-top: 50px;}
	.generic-panel {padding-top: 50px;}
	.ohft-helper-row {width: 940px; height: 65px; margin: 30px auto 0px;}
}

/* === Tablet Landscape === */
@media only screen and (min-width: 768px) and (max-width: 1150px) {
	.nhsuk-header {display: none;}
	.nhsuk-width-container {margin: 0 16px;max-width: 940px !important ;}
	.top-bar {width: 940px;}
	.corporate-menu {width: 660px;}
	.top-tools {width: 279px;height: 40px;float: right;}
	.header {width: 940px;}
	.patient-menu {width: 500px;}
	.slide-next {bottom: 380px;left: 880px;}
	.slide-prev {top: 300px;left: 0;}
	.ohft-helper-row {width: 940px; height: 65px; margin: 30px auto 0px;}
	.text-container {padding: 0px;width: 100%;margin: 0 auto 0;}
	.section-box {width: 435px; margin:20px 0 20px 20px; min-height: 200px; padding: 25px; float: left;border:none;}
	.leaflet-image {width: 100%;height: 200px;}
	.leaflet-sidebar {display:none;}
	.textblock {width:680px;margin: 0 auto; padding:0 30px;}
	.ohft-news-side {margin: 0; max-width: 100%; float: none;}
	.ohft-hero__content {margin: 20px 10px;}
	.ohft-hero__content h1 {font-size: 24px; letter-spacing: -0.5px;}
	.ohft-hero-feature img {float:right}
	.features-panel {padding: 50px 0 20px;}
	.generic-panel {padding-top: 20;}
	#footer {height: 450px;}
	.footer-inner {width: 940px;display: block;	margin: 0 auto;}
	.footer-column {width:200px; margin: 30px 0 0;}
	.footer-column, .footer-right {height: 200px; }
	.footer-right {	width: 320px;float: right;display: block;margin-top: 30px;}
	.copyright-inner {width: 940px;	margin: 0 auto;	}
	.footer-logos {height: 100px;width: 100%;display: block;}
	img.equality-logo {float: left;	margin: 30px 20px;height: 80px;}
}

/* === Tablet Portrait === */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.wrapper {width: 100%;margin: 0 auto;}
	.nhsuk-header, .hide-on-mobile {display: block;}
	#top-bar, .top-tools, .corporate-menu, .patient-menu, .patient-menu a, .patient-menu ul, .patient-menu li, .patient-menu li a, .header {display:none;}
	.mobile-header {display: block;	width: 100%; margin: 0; padding: 10px 0; clear:both; background-color:  #ffffff;}
	.mobile-header h1 {font-size: 24px;	text-align: center;margin: 10px 0;letter-spacing: normal;}
	#submenu { width: 100%;float: none;margin: 30px 0 0;padding: 0;}
	#submenu ul li {margin-bottom: 20px; padding: 4px 0;}
	#submenu ul li a {margin-bottom: 0px;padding: 4px 0;}
	#submenu ul ul {margin: 10px 0 0px 0;padding: 0;}
	#submenu ul ul li {margin-bottom: 0;padding: 6px 0;}
	#submenu ul ul ul {margin: 10px 0 10px 10px;padding: 0;}
	#submenu ul ul ul li {margin: 0;} 
	#submenu ul ul ul li a {width: 90%;}
	#textblock h2 {	margin: 20px 0 30px;}
	.pagehead {	height: 280px;width: 100%;}
	.leaflet-image {width: 100%;height: 200px;}
	.leaflet-sidebar {display:none;}
	img, table {max-width: 100%;}
	.header {width: 730px;}
	.ohft-helper-row {width: 90%; height: 80px; margin: 10px auto 0px;}
	.ohft-helper-column-title {width: 400px; }
	.ohft-helper-column-select {width: 400px; }
	.ohft-helper-column-urgent {margin: -20px 0 0;}
	.text-container {padding: 0px;width: 90%;margin: 0 auto 0;}
	.text-container h1 {text-align: center;}
	.ohft-hero__content {margin: 30px; height: auto; }
	.ohft-hero__content h1 {letter-spacing: -1px; font-size: 36px;}
	.ohft-hero__content h1 a {text-decoration: none; color: #005EB8;}
	.ohft-hero__content h1 a:visited {color: #005EB8;}
	.ohft-hero-feature img {float:none;}
	.ohft-hero-read-link {display:none;}
	.features-panel {background-color: #ffffff; padding-top: 50px;}
	.generic-panel {padding-top: 50px;}
	.ohft-go-link {margin-bottom: 30px;float:left;}
	#centeredmenu {float:none;width:100%;margin: 30px auto 0;height: auto;}
	#centeredmenu ul {clear:left;float:none;left:50%;text-align: center;}
	#centeredmenu ul li {display:block;float:left;list-style:none;margin:7px 0;padding:0;position:relative;right:50%;border:none;}
	.ohft-sub-site-page {width: 100%; padding: 0px; }
	.pagehead {height: auto; width: 100%; margin:0 0 30px;text-align: center;}
	.textblock {width:90%;margin: 0 auto; padding:0;}
	.section-box {width: 94%; margin:20px auto; min-height: 200px; padding: 30px 5%; float: none;}
	.section-box h2 {margin: 0 0 20px; color: #000; font-size: 22px; text-align: left;}
	.section-tile-container {display: block; margin: 20px auto 0; width: 460px; float: none; }
	.section-tile {width: 210px; height: 210px; background: #eee; display: block; margin: 0 0 20px 20px; float: right;  border: 1px solid #d8dde0; }
	.section-tile h3 {padding: 7px 5%; background:  #005EB8;width: 100%; position: relative; top: 173px; left: 0; color: #fff;font-size: 16px; }
	#footer {width: 100%;height: auto;border-top: 5px solid #0072CE;}
	.footer-inner {width: 100%;}
	.footer-column, .footer-right, .footer-logos, #footer p.highlight {display: none;}
	.copyright-outer, .copyright-inner {height: auto; width: 100%;}
	.copyright-inner-left {width: 100%;float: none;text-align: center;margin:0;}
	.copyright-inner-left p {font-size: 14px; text-align: center; float:none; margin: 2px auto 0}
	.copyright-inner-right {display: none;}	
}

/* === Mobile Portrait === */
@media only screen and (max-width: 767px) {
	.nhsuk-header {display: block;}
	body {background:#F9FAFD;}
	.wrapper {width: 100%;margin: 0 auto;}
	#top-bar, .top-tools, .corporate-menu, .patient-menu, .patient-menu a, .patient-menu ul, .patient-menu li, .patient-menu li a, .header {display:none;}
	.mobile-header {display: block;	width: 100%; margin: 0; padding: 10px 0; clear:both; background-color:  #ffffff;}
	.mobile-header h1 {font-size: 18px;	text-align: center;margin: 10px 0;letter-spacing: normal;}
	nav ul {padding: 0;}
	.ohft-section-menu {background: #005EB8; padding: 10px; margin: 0px 0 0; }
	.ohft-section-menu h2 {color:#ffffff; text-align: center; margin: 0; }
	#submenu { width: 100%; float: none;margin: 0 0 0;padding: 20px 25px 5px; background-color:  #ffffff; border: 1px solid #d8dde0}
	#submenu ul li {margin-bottom: 20px; padding: 4px 0;}
	#submenu ul li a {margin-bottom: 0px;padding: 4px 0;}
	#submenu ul ul {margin: 10px 0 0px 0;padding: 0;}
	#submenu ul ul li {margin-bottom: 0;padding: 8px 0;}
	#submenu ul ul ul {margin: 10px 0 10px 10px;padding: 0;}
	#submenu ul ul ul li {margin: 0;} 
	#submenu ul ul ul li a {width: 90%;}
	#submenu .current_page_item {margin: 10px 0 10px 0px;	padding: 10px 13px;  background-color:  #F7F9FA; }
	.refine_search fieldset {width: 290px;margin: 0 0 30px;padding: 1px;}
	.refine_search input {padding: 25px 15px;color: #000;vertical-align: top;width: 200px;border: none;background: none;font-size: 16px;margin: 0;float: left;}
	.refine_search select {color: #000;vertical-align: middle;width: 20px;padding: 25px 0px;border: none;background: none;font-size: 16px;float: left;}
	.contact-search fieldset {width: 100%;}
	.contact-search input {width: 80%;}
	.search_services fieldset {width: 100%;padding: 0px;margin: 0 0 10px;}
	.search_services input {padding: 20px;width: 80%;font-size: 16px;margin: 5px 0 4px 4px;float: left;}
	.ohft-helper-row {width: 90%; height:40px; margin: 0 auto 0px; text-align: center;}
	.ohft-helper-column-title, .ohft-helper-column-select {display:none;}
	.ohft-helper-column-urgent  {float: none; width: 100%; margin:0;}
	.ohft-helper-column-title p {font-size: 19px; font-weight: bold; padding: 0; margin: 0 0 20px;}
	.ohft-helper-column-urgent p {text-align: center; background: #ffeb3b; border-radius: 10px; padding: 7px; border-bottom: 3px solid #212b32; margin: 0 auto; width: 170px;}
	.ohft-news-side {display:none;}
	.ohft-hero__content {margin: 30px; height: auto; }
	.ohft-hero__content h1 {letter-spacing: -1px; font-size: 36px;}
	.ohft-hero__content h1 a {text-decoration: none; color: #005EB8;}
	.ohft-hero__content h1 a:visited {color: #005EB8;}
	.ohft-hero-feature img {float:none;}
	.ohft-hero-read-link {display:none;}
	.features-panel {background-color: #ffffff; padding: 30px 0 10px;}
	.generic-panel {padding-top: 30px;}
	.ohft-go-link {margin-bottom: 30px;float:left;}
	.ohft-menu-link {margin-bottom: 30px;float:right;}
	.text-container {width: 100%;height: auto;margin: 0 auto;padding: 10px 0;}
	.text-container h2 {text-align: center;	margin: 10px;}
	#wrap {width: 100%;	background: none;}
	.featured-image {height: 50px; width:100%; background-image: none;	background-color: #005EB8;}
	.text-container {padding: 0px;width: 90%;margin: 0 auto 0;}
	.text-container h1 {text-align: center;}
	#textblock h2 {margin: 20px 0 30px;}
	.pagehead {height: 280px;width: 100%;}
	.leaflet-image {width: 100%;height: 200px;}
	.leaflet-sidebar {display:none;}
	.search_service input {vertical-align: top;	width: 250px;border: none;font-size: 16px;padding: 5px;}
	#centeredmenu {display: none;}
	.ohft-sub-site-page {width: 100%; padding: 0px; margin: 0; border: none; background: none;}
	.section-box {width:100%; margin:0; min-height: 100px; padding: 0; background: none; border:none; }
	.section-box h1 {margin: 0 0 20px;}
	.section-tile-container {display: block; margin: 0; width: 100%; float: right; }
	.section-tile {width: 100%; height: 210px; background: #eee; display: block; margin: 0 auto 20px; float: none; background-size: 100%; background-repeat: no-repeat;border: 1px solid #d8dde0; }
	.section-tile h3 {padding: 7px 5%; background:  #005EB8;width: 100%; position: relative; top: 173px; left: 0; color: #fff;font-size: 16px; }
	.pagehead {height: auto; width: 100%;  overflow: hidden; position: relative; margin:0 auto 0;-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;  padding: 0; background: none; }
	.pagehead h1 {text-align: left; font-size: 32px;margin: 0 0 10px;}
	.textblock {width:100%;margin: 0 auto; padding:0;}
	.textblock img {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; margin: 10px 0 5px; width: 100%; float: none;}
	.textblock p,.textblock ul,.textblock ol {color:#000;}
	.textblock h2 {margin: 20px 0;}
	img, table {max-width: 100%;}
	.logo, .logo img, .strap, .strap img, .strap h1, .strap h2,  .search_result_type p, .googlemap, .banner, #content img,  p.page_tools {display: none;}
	.alignleft, img.alignleft, .alignright, img.alignright {clear: both;display: block;margin: 10px 0 15px;float: none; width: 100%;}
	#textblock {width: 100%;}
	#footer {width: 100%;height: auto;border-top: 5px solid #0072CE;}
	.footer-inner {width: 100%;}
	.footer-column, .footer-right, .footer-logos, #footer p.highlight {display: none;}
	.copyright-outer, .copyright-inner {height: auto; width: 100%;}
	.copyright-inner-left {width: 100%;float: none;text-align: center;margin:0;}
	.copyright-inner-left p {font-size: 14px; text-align: center; float:none; margin: 2px auto 0}
	.copyright-inner-right {display: none;}
	.nhsuk-action-link{margin-bottom:30px !important;}
	.nhsuk-action-link__link{padding-left:40px !important;}
}

/* === Mobile Landscape === */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.ohft-sub-site-page {width: 100%; padding: 0px; }
	.nhsuk-width-container {margin: 0;max-width: 100% !important ;}
}