@charset "utf-8";
html {
-ms-overflow-style: scrollbar;
max-width: 1263px;
margin: auto auto;
background-color: #fff !important;
}
.NGH-responsive-img {
width: 100%;
height: auto;
}
.fullwidth-content {
padding-left: 1em;
padding-right: 1em;
}
#FontSizeIncrease_Link {
font-size:130%;
}
.AtoZLists li.sys_selected {
/*text-decoration: underline;*/
color: #7c2855;
text-decoration: none;
}
.landing-page img {
display: block;
max-width: 100%;
height: auto;
}
a:focus img {
opacity: 0.5;
}
a img {
height: 100%;
}
a.home-img-links {
display:block;
}
ul.nhsuk-list.nhsuk-pagination__list li:before {
content: none;
}
/*================
LANDING PAGE TILES
==================*/
.page-tiles {
min-height: 214px;
}
/*New tiles switchover*/
.page-tiles-blue a, .page-tiles-orange a, .page-tiles-purple a, .page-tiles-teal a, .page-tiles-green a
{
color: #ffffff;
}
a:focus {
background-color: #ffeb3b;
box-shadow: none !important;
color: #212b32 !important;
outline: 4px solid transparent;
text-decoration: none !important;
border: 4px solid #212b32;
padding: 4px;
}
.nhsuk-card.nhsuk-card--clickable.page-tiles-blue
{
background-color: #009fdc;
border-color: #009fdc;
}
.nhsuk-card.nhsuk-card--clickable.page-tiles-orange
{
background-color: #ed7119;
border-color: #ed7119;
}
.nhsuk-card.nhsuk-card--clickable.page-tiles-purple
{
background-color: #92278f;
border-color: #92278f;
}
.nhsuk-card.nhsuk-card--clickable.page-tiles-teal
{
background-color: #03a4b6;
border-color: #03a4b6;
}
.nhsuk-card.nhsuk-card--clickable.page-tiles-green
{
background-color: #79a10c;
border-color: #79a10c;
}
.nhsuk-card.nhsuk-card--clickable.page-tiles-blue:hover, .nhsuk-card.nhsuk-card--clickable.page-tiles-orange:hover, .nhsuk-card.nhsuk-card--clickable.page-tiles-purple:hover, .nhsuk-card.nhsuk-card--clickable.page-tiles-teal:hover, .nhsuk-card.nhsuk-card--clickable.page-tiles-green:hover
{
background-color: #ffffff;
color: #7c2855;
}
li.nhsuk-card-group__item:before {
content-visibility: hidden;
margin-left: 0 !important;
}
.page-tiles-icons
{
font-size: 4rem;
margin-top: 5%;
display: block;
text-align: center;
}
.page-tiles-blue {
/*background-color: #01aef0; old colour, changed for accessibility*/
background-color: #009fdc;
color: #ffffff;
}
.page-tiles-purple {
background-color: #92278f;
color: #ffffff;
}
.page-tiles-orange {
background-color: #ed7119;
color: #ffffff;
}
.page-tiles-teal {
/* background-color: #1dbed0; old colour, changed for accessibility*/
background-color: #03a4b6;
color: #ffffff;
}
.page-tiles-green {
/*background-color: #a6ce39; old colour, changed for accessibility*/
background-color: #79a10c;
color: #ffffff;
}
.page-tiles a:focus {
text-decoration: underline !important;
}
.page-tiles a:hover {
text-decoration: none;
}
.page-tiles-title {
background-color: #0058AB;
color: #ffffff;
min-height: 200px;
padding: 10px;
border-radius: 4px 4px 0 0;
}
.page-tiles-title a {
color: white !important;
text-decoration: underline !important;
}
.page-tiles a {
color:white;
text-decoration: underline;
}
a {
text-decoration: underline;
}
.page-tiles a:focus {
color: #212b32;
}
.progress.active .progress-bar {
-webkit-transition: none !important;
transition: none !important;
}
.card-base {
max-width: 500px;
width:100%;
}
.card-image {
border: 1px solid lightgrey;
max-width: 200px;
width:30%;
float: right;
overflow:hidden;
}
.card-text {
max-width: 300px;
width:70%;
}
.card-image img {
display: block;
max-width: 100%;
height: auto;
}
/* Expander links show underline for accessibility
*/
.panel.nhsuk-details.nhsuk-expander a {
text-decoration: underline;
}
/* Cancer Pathway */
.pathway-navigation li {
width: 50%;
background-color: antiquewhite;
list-style: none;
float: left;
height: 60px;
margin: 0;
border: 1px black solid;
}
.pathway-nav li {
border: 1px solid black;
margin: 0;
background-color: #fff;
line-height: 3em;
}
.pathway-nav li a {
border-left: 10px #005eb8 solid;
height: -webkit-fill-available;
display: block;
padding-left: 5px;
min-height: 57px;
}
.one-line {
line-height: 3em;
}
.pathway-nav-old li {
min-height: 60px;
border: 1px solid black;
margin: 0;
background-color: #fff;
}
.pathway-nav-old li a {
border-left: 10px #005eb8 solid;
height: -webkit-fill-available;
display: block;
padding-left: 5px;
min-height: 59px;
}
.pathway-nav li a:hover {
background-color: #ebebeb;
}
/* Cancer Pathway End */
/* Google Translate for Accessibility */
.goog-te-combo {
margin-bottom: 8px;
}
/* NGH Sidebar menu styles
*/
div.nav-sidebar li a:before {
content: "\e080" !important;
font-family: 'Glyphicons Halflings' !important;
font-size: 14px !important;
float: left !important;
margin-top: 0px !important;
padding-right: 10px;
}
/*
div.nav-sidebar li a {
padding: 10px 10px 10px 20px !important;
}
div.nav-sidebar li {
border-top: 1px solid #fff;
}
div.nav-sidebar ul li a {
display: block;
position:relative;
}
div.nav-sidebar ul {
background-color: #f0f4f5;
}
div.nav-sidebar ul {
padding:0;
}
.sidebar-menu ul li:before, {
content:none !important;
}
div.nav-sidebar ul.sys_children li.sys_open, div.nav-sidebar li.sys_open {
background-color: #cce6ff;
}
div.nav-sidebar ul.sys_children li.sys_open ul, div.nav-sidebar li.sys_open ul {
background-color: #e6f3ff;
}
div.nav-sidebar div.sys_currentitem a:active {
background-color: #b3daff !important;
}
*/
/* End NGH Sidebar menu styles */
/*===================
STYLES
====================*/
/* NEWS TABS */
ul.sys_NewsTabs {
padding: 0;
text-align: center;
}
ul.sys_NewsTabs li {
display:inline;
}
.mainContent ul.sys_NewsTabs li:before, .sys_generic_list-control .sys_atoz-control ul li:before, .small-menu ul.sys_simpleListMenu li:before {
content:none;
}
.small-menu ul {
padding:0;
}
ul.sys_NewsTabs {
padding: 0;
text-align: center;
line-height: 16px;
margin-bottom: 0;
margin-top: 1em;
height: 1.5em;
}
ul.sys_NewsTabs li {
display: inline;
line-height: 16px;
background-color: #efefef;
margin: 0 1px;
padding: 8px;
border: 1px solid #e3e3e3;
}
/*.sys_NewsTabs a:hover {
line-height: 16px;
background-color: #e3e3e3;
padding:8px;
color:white;
}*/
/* END NEWS TABS */
/* BACK TO TOP BUTTON */
.back-to-top {
cursor: pointer;
position: fixed;
bottom: 70px;
right: 20px;
display:none;
}
/* END BACK TO TOP BUTTON */
/* FEEDBACK FORM */
.formStyle {
width:70%;
}
.formStyle #ctrl_17-217-f8349 {
padding:7px;
}
.formStyle .sys_cms-form-body input, .sys_cms-form-body textarea {
padding: 5px;
}
/* END FEEDBACK FORM */
/* BREADCRUMB */
.breadcrumb ul {
margin-bottom:0;
padding:0;
}
.breadcrumb ul li {
display: inline-block;
line-height: 24px;
font-size: 13px;
color: #707070;
margin: 0 0 0 5px;
}
.breadcrumb ul li:before {
content: "\e080";
font-family: "Glyphicons Halflings";
font-size: 16px;
font-style: normal;
font-weight: 400;
padding-right: 10px;
color: #d3d3d3;
float: left;
}
.breadcrumb {
width:100%;
margin-bottom:1em;
}
/* END BREADCRUMB */
/* UPDATE MESSAGE FOR IE USERS */
.browser-update {
padding: 1em 2em;
background-color: #e28c05;
}
/* END UPDATE MESSAGE FOR IE USERS */
.sub-menu li a:hover{
background-color: #ecf4e9;
border-bottom: 1px solid #009e49;
}
.sidebar-menu {
margin-top:20px;
}
/* HOMEPAGE SEARCH MENU */
#innerMenu_List ul {
padding:0 !important;
}
.inner-menu ul {
padding: 0;
}
.dropdown-menu {
height: 350px;
overflow-y: scroll;
width: 250px;
overflow-x: hidden;
}
.open .dropdown-menu {
border:none;
}
.dropdown-menu .inner-menu li a {
line-height: 3em;
display:block;
padding: 0.5em 1em;
}
.dropdown-menu .inner-menu li a:hover{
background-color:#e8f0fb;
text-decoration: none;
}
.dropdown-select {
text-align:left;
}
.inner-menu {
min-width: 250px;
list-style-type: none;
padding-left: 0;
margin-top: 1em;
margin-bottom: 0;
}
.direct-searchbox {
width:96%;
margin:auto;
margin-top: 1em;
}
.direct-searchbox input {
width: 100%;
line-height: 2em;
height:30px;
}
.btn-orange {
color: #fff;
background-color: #f9a118;
border: none;
}
.btn-orange:hover {
background-color: #e28c05;
}
.btn-purple {
color: #fff;
background-color: #b41e8e;
border: none;
}
.btn-purple:hover {
background-color: #941875;
color: #fff;
}
.inner-menu li {
border-top: 1px solid grey;
line-height: 3em;
}
/* END HOMEPAGE SEARCH MENU */
/* HOME BOXES */
.home-boxes {
min-height: 400px;
}
.home-boxes a {
text-decoration: underline;
}
.home-boxes h2, .home-boxes h2 a {
padding: 5px 10px;
color: #fff;
text-align: center;
}
.home-dropdown {
max-width: 250px;
width: -webkit-fill-available;
}
.home-box-1 a {
color: #fff;
}
.home-boxes p {
padding: 0 10px;
}
.home-box-1 {
background-color: #bfd6f5;
background-image: url(/Images/Homepage-Images/how-to-find-us.png);
background-repeat: no-repeat;
background-position: top;
}
.home-box-1 h2 {
background-color: #5e2f8d;
}
.home-box-2 {
background-color: #dbe8f5;
}
.home-box-2 h2 {
background-color: #005eb8;
}
.home-box-3 {
background-color: #f7e8f3;
}
.home-box-3 h2 {
background-color: #b41e8e;
}
.home-btn-directions {
margin-top: 20px;
}
.home-btn {
max-width: 250px;
width: -webkit-fill-available;
padding: 10px 2%;
}
.home-btn-container {
max-width: 260px;
margin-left: auto;
margin-right: auto;
padding: 1em 5px;
/*margin-top:20%;*/
}
.find-us-btns {
padding: 85px 5px 1em;
}
/* LINKS */
.btn-orange:visited {
color: #fff !important;
}
.tile-heading {
padding: 10px 0px 25px 10px;
color: white;
}
.tile-icons {
width: 100%;
font-size: 4rem;
text-align: center;
color: white;
display: block !important;
margin-left: auto;
margin-right: auto;
}
.home-boxes h2 a:focus {
color: #212b32;
}
/* END HOME BOXES */
/* CAROUSEL */
.carousel-indicators {
display:none;
}
/* END CAROUSEL */
.list-inline {
display: none;
visibility: hidden;
}
.list-inline-active {
display: block;
visibility: visible;
}
.list-inline li {
display: block;
}
.copy {
margin-top:1em;
margin-left:1em;
margin-bottom:1em;
}
/* NEWS FEED */
.news-feed .sys_thumbnail{
float:left;
margin-top: 3px;
margin-right: 1em;
clear:both;
}
.news-feed .sys_news-subheading {
display: inline;
font-size: 1em;
font-weight:600;
margin: 0;
}
.news-feed dl dt.sys_news-datepublished {
display:none;
}
.news-feed dl {
margin-bottom:0;
}
.sys_news-datepublished {
font-size:0.9em;
}
.news-feed .sys_subitem {
clear: both;
margin-bottom: 0.5em;
min-height: 60px;
}
/* END NEWS FEED */
/* NEWS FEED test */
.news-feed-test .sys_theme-simple .sys_datarepeatercontrol .sys_itemslist {
display: inline-flex;
}
.news-feed-test .sys_theme-simple .sys_itemslist div.sys_thumbnail
{
float:inherit;
margin-top: 10px;
}
.news-feed-test p
{
margin-left: 16px;
}
/*.news-feed-test a
{
padding: 1.25rem 24px 1.25rem 20px;
position: relative;
line-height: 63px;
border-radius: 5px;
text-decoration: none!important;
background-color: #0099ff;
color: #fff!important;
}
*/
.news-feed-test .sys_theme-simple .sys_news-control .sys_subitem .sys_news-subheading
{
margin-top: 40px;
}
.news-feed-test .sys_theme-simple .sys_news-control .sys_itemslist .sys_subitem dl dt.sys_news-datepublished
{
display: initial;
}
.news-feed-test .sys_theme-simple .sys_news-control .sys_itemslist .sys_subitem dl dd.sys_news-datepublished
{
}
.news-feed-test
{
background: #f7f7f7;
margin-bottom: -18px;
height: 100%;
}
.news-feed-test .sys_theme-simple .sys_datarepeatercontrol .sys_subitem
{
margin-right: 12px;
}
.news-feed-test .sys_theme-simple .sys_datarepeatercontrol .sys_subitem {
background: #ffffff;
}
.news-feed-test .sys_theme-simple .sys_news-control .sys_subitem .sys_news-subheading
{
background: #ffffff;
}
.news-feed-test .sys_theme-simple .sys_news-control .sys_subitem .sys_news-subheading a
{
text-decoration: underline;
}
/* END NEWS FEED */
.list-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
background-color: #888;
margin: 4px 0;
}
.list-toggle:focus, .list-toggle:hover {
background-color:#ddd;
}
.list-toggle {
padding: 5px 8px;
margin-top: 8px;
margin-right: 15px;
margin-bottom: 8px;
background-color: transparent;
border-color: #ddd;
border: 1px solid transparent;
border-radius: 4px;
}
body {
font-size:16px;
background-color: white !important;
}
h1 {
margin-bottom:0;
}
h1, h2, h3, h4, h5, h6 {
margin-top:0;
}
.sys_areaTitles {
margin:0.2em 0;
}
.auto-title {
margin-left: 2em;
margin-right: 2em;
margin-bottom: 0;
}
/*======================
HEADER
======================*/
@media (min-width: 1024px) {
.container-fluid {
padding-right: 2em;
padding-left: 2em;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
padding-left: 1em;
padding-right: 1em;
margin-bottom:1em;
margin-top:1em;
}
.responsive-banner {
display:none;
}
}
.headerRight {
float: right;
margin-bottom: 1em;
max-width: 455px;
}
.navbar-right {
margin-right:0;
}
.imgRight {
float:right;
}
.sys_search-query-control input.sys_searchbox {
padding: 8px;
display: block;
background: #fff url('../images/icon-spyglass.gif') 4px 7px no-repeat;
padding-left:25px;
float:right;
width: -webkit-fill-available;
}
.ie-search input.sys_search-button {
display:none;
}
.search-wrapper {
margin-bottom: 1em !important;
padding: 0 0.5em;
}
.tab1 {
border-top: #0099ff solid 3px;
border-bottom: #0099ff solid 25px;
}
.tab1:hover, .tab1:active {
background-color:#e8f0fb;
}
.tab2 {
border-top: #009e49 solid 3px;
border-bottom: #009e49 solid 25px;
}
.tab2:hover, .tab2:active {
background-color: #ecf4e9;
}
.tab3 {
border-top: #e28c05 solid 3px;
border-bottom: #e28c05 solid 25px;
}
.tab3:active {
}
.tab3:hover {
background-color: #fdf3e7;
}
.tab4 {
border-top: #931638 solid 3px;
border-bottom: #931638 solid 25px;
}
.tab4:hover {
background-color: #f7e5e5;
}
.tab5 {
border-top: #00adc6 solid 3px;
border-bottom: #00adc6 solid 25px;
}
.tab5:hover {
background-color: #e8f5fb;
}
.tab6 {
border-top: #5bbf21 solid 3px;
border-bottom: #5bbf21 solid 25px;
}
.tab6:hover {
background-color: #f3f7e8;
}
.tab7 {
border-top: #56008c solid 3px;
border-bottom: #56008c solid 25px;
}
.tab7:hover {
background-color: #e6e3ee;
}
.tab8 {
border-top: #b2334e solid 3px;
border-bottom: #b2334e solid 25px;
}
.tab8:hover {
background-color: #F5E1F0;
}
.nav-tabs a, .nav-tabs a:visited {
color: #4c6272 !important;
}
.nav-tabs a:active, .nav-tabs a:hover {
color: #212b32 !important;
}
/*======================
NAVIGATION
======================*/
#myNavbar {
margin-bottom: 1em;
}
.navbar {
border:0;
}
.navbar-nav {
background-color: #fff;
}
.navbar-nav li .tab1 a:hover a{
background-color: rgba(231, 242, 248, 1) !important;
}
.navbar-nav li.active a {
background-color: transparent !important;
}
.navbar-default {
margin-bottom:1em;
}
.navbar-collapse {
padding:0;
}
/*======================
MAIN CONTENT
======================*/
ul {
list-style:none !important;
}
/*.sidebar-menu ul li:before, changed .mainContent to*/
.pageContent li:before, .useful-links li:before, .pageContent ul li:before {
/*Using a Bootstrap glyphicon as the bullet point*/
content: "\e080";
font-family: 'Glyphicons Halflings';
font-size: 9px;
float: left;
margin-top: 4px;
margin-left: -17px;
color: #CCC;
}
.useful-links li:before {
color:#efefef;
}
.sidebar-menu ul {
padding-left: 1em;
}
ul.navLists li {
border-bottom: 1px solid #CCC;
}
ul.navLists, ul.navLists ul {
padding-left:1em;
}
ul.navLists ul li {
border:0;
}
/* Styles for the homepage boxes. Added by CBailey 14/01/2019
.findUs {
background-image: url('/Images/Homepage-Images/how-to-find-us.png');
background-size: 100%;
background-repeat: no-repeat;
}*/
/*======================
SLIDER
======================*/
.carousel-inner img {
width: 100%; /* Set width to 100% */
margin: auto;
}
/* NOTIFICATION AREA */
#myCarousel {
/*max-width: 1199px;*/
margin: auto auto;
/*margin-top: -18px;*/
margin-bottom: 1em;
}
.homepage-notification-area {
border: 1px solid #dd0000;
border-left-width: 10px;
background: #fff5f5;
position: relative;
margin-bottom: 5px;
max-width: 600px;
margin-top:-28px;
}
#page-sliders {
/*max-width:1199px;*/
margin: auto auto;
border: 1px solid #333;
}
.carousel-control.left, .carousel-control.right {
}
.carousel-control {
width:3%;
}
/*========================
Our Services - Sitewide
========================*/
.AtoZLists .sys_atoz-control ul, .AtoZLists .sys_atoz-control ol
{
list-style-type: none !important;
margin: 0 !important;
padding-left: 0 !important;
display: block !important;
line-height: 1.47368 !important;
font-size: 24px;
}
.AtoZLists .sys_atoz-control ul li, .AtoZLists .sys_atoz-control ol li
{
float: left;
margin-right: 4px !important;
margin-bottom: 0 !important;
line-height: 1.45455 !important;
padding: 8px !important;
}
.AtoZLists .sys_atoz_heading
{
background: #005eb8;
color: #fff;
margin-bottom: 8px;
padding: 4px 32px;
position: relative;
top: 48px;
font-size: 30px;
z-index: 100;
clear: both;
float: left;
font-weight: 600;
}
.AtoZLists .sys_datarepeatercontrol
{
margin-top: 40px;
margin-bottom: 48px;
background: #fff;
border: 1px solid #d8dde0;
position: relative;
width: 100%;
padding: 62px 22px 16px 22px;
clear: both;
}
.AtoZLists ul.sys_itemslist
{
list-style-type: none;
margin-top: 0;
padding: 0;
line-height: 1.47368;
font-size: 19px;
}
.AtoZLists ul li:before
{
content: none !important;
}
.AtoZLists ul.sys_itemslist li.sys_first, .AtoZLists ol.sys_itemslist li.sys_first
{
border-top: 1px solid #d8dde0;
}
.AtoZLists ul.sys_itemslist li, .AtoZLists ol.sys_itemslist li
{
border-bottom: 1px solid #d8dde0;
padding: 16px 0;
}
.AtoZLists a
{
color: #005eb8;
/*text-decoration: underline !important;*/
}
.AtoZLists a:focus
{
text-decoration: none !important;
padding: 8px !important;
}
.AtoZLists a:hover, .AtoZLists a:active {
color: #7c2855;
text-decoration: none;
}
.AtoZLists .sys_atoz-control-currentletter
{
margin-left: 0 !important;
}
/* .sys_generic_list-control .sys_atoz-control ul li {
float: left;
margin: 5px;
width: 50px;
text-align:center;
line-height:50px;
background-color: #efefef;
}
.sys_generic_list-control .sys_atoz-control-currentletter, .sys_generic_list-control .sys_paginginfo {
clear:both;
margin-left: 1em;
}
#OurServices_List .sys_subitem .sys_thumbnail img {
display: block;
max-width: 100%;
height: auto;
}
#OurServices_List .sys_subitem .sys_atoz-control ul {
padding: 0;
margin-left: 1em;
margin-right: 1em;
} */
/*======================
FOOTER
======================*/
ul.social li {
display:inline;
}
ul.social li img {
max-width:50px;
max-height:50px;
}
.footer {
background-color: #0099ff;
color:white;
}
.footer a {
text-decoration:underline;
color:#ffffff;
}
.footer-social {
font-size: 48px;
width: 48px;
}
.foot-social-icons {
margin-right: 10px;
}
.footer li::before {
font-size: 14px;
margin-left: -20px;
color: #4c6272;
}
.footer-links li:before{
content: "\e080";
font-size: 14px;
margin-left: -20px;
color: #000;
font-family: 'Glyphicons Halflings';
padding-right: 0.5em;
}
/*=================
DESIGN BREAKS
==================*/
@media (min-width: 1200px) {
.mainNav {
/* background: #fff url('../images/headerbg.gif') no-repeat top left;
background-position: 550px 0;
*/
/* background: #fff url('../images/headerbg2.png') no-repeat top left;
background-position: 430px 0;
*/
/* background: #fff url('../images/headerbg3.png') no-repeat top left;
background-position: 32px 0px;*/
}
/*end 1200px media */
}
@media (max-width: 1200px) {
/*end 1200px media */
}
@media (min-width: 1024px) {
/*===================
Our Services
====================*/
#OurServices_List .sys_subitem, #ClinicalServices_List .sys_subitem {
float:left;
width:33.33333333%;
}
#OurServices_List .sys_subitem .sys_thumbnail {
padding:1em;
}
#OurServices_List .sys_subitem h3, #ClinicalServices_List .sys_subitem h3 {
padding-left: 16px;
padding-right: 16px;
margin-top: 0;
}
#OurServices_List .sys_subitem .sys_subitem-summary {
padding-left:1em;
padding-right:1em;
}
#OurServices_List .sys_subitem .sys_subitem-summary dl dt {
display:none;
}
}
@media (max-width: 992px) {
/*end 992px media */
}
@media (min-width:769px) {
.home-responsive, .responsive-banner {
display:none;
}
.accessibility {
padding-top:5px;
}
.news-social {
width: 70%;
border: 1px solid #efefef;
margin-left: auto;
margin-right: auto;
margin-bottom: 1em;
}
}
@media (min-width:768px) and (max-width: 768px) {
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
margin-top:1em;
margin-bottom:1em;
}
.accessibility .col-sm-12 {
padding: 0 2em;
}
}
@media (max-width: 768px) {
.sys_search-query-control input.sys_searchbox {
margin-left:1em;
margin-right:1em;
}
.responsive-banner {
display:block;
margin-right: auto;
margin-left: auto;
}
.tab1, .tab2, .tab3, .tab4, .tab5, .tab6, .tab7, .tab8 {
border-bottom: none;
padding-left:1em;
}
.home-static, .homepage-banner {
display:none;
}
.auto-title {
margin-left: 1em;
margin-right: 1em;
margin-bottom: 0;
}
/* 768px end */
}
@media (max-width: 600px) {
.responsive-banner {
display:block;
max-width:384px;
margin-right: auto;
margin-left: auto;
}
.col-sm-4 {
max-width: 384px;
}
.clock {
margin-right:3em;
}
.navbar-nav {
margin:0;
}
.carousel-caption {
/*display: none; */
}
/* Hide the carousel text when the screen is less than 600 pixels wide */
.searchInput {
width:100%;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
margin-left: auto;
margin-right: auto;
padding-top:1em;
padding-left: 0;
padding-right: 0;
}
.container-fluid {
padding:0;
clear: both;
}
.row {
padding:0;
margin-left: 0.5em;
margin-right: 0.5em;
}
.footer {
margin-top:1em;
}
/* END MAX WIDTH 600px MEDIA */
}
@media (min-width: 600px) {
.list-inline {
display: block;
visibility: visible;
}
.list-inline li {
display: inline-block;
}
.clock {
margin-right: 4em;
}
/* END MIN WIDTH 600px MEDIA */
}
@media (min-width: 600px) and (max-width: 768px) {
.news-social {
width:100%;
padding-right:1em;
}
}
/* iOS blank space fix */
@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){
html,
body{
width:100%;
overflow-x:hidden;
}
}
@media (max-width: 767px) {
.nav-sidebar {
display: none;
}
.small-menu {
display:block;
}
}
@media (min-width: 767px) {
.nav-sidebar {
display: block;
}
.small-menu {
display:none;
}
.findUs {
min-height: 242px;
}
}
/** Tablet size for slider - suspended visiting **/
.adHolder {
max-width: 700px;
/*padding-top:40px;*/
}
.adHolder img{
max-width: 100%;
height: auto;
}
showpointer {
cursor: pointer
}
/*======== NYE Bevon map {
} ========*/
.mapoverflow {
overflow: scroll;
}
.hidetable {
display: none;
}
.responsivemap {
max-width: 100%;
height: auto;
}
/*J TEST candidatr page 19/02/2019*/
.rectangleJ {
height: 200px;
width: 350px;
background-color: #0099ff
;
}
.centeredJ {
position: absolute;
top: 50%;
left: 43%;
transform: translate(-50%, -50%);
}
.containerJ {
position: relative;
text-align: center;
color: white;
font-size:27px;
}
/*MCmillan table colours added by J 27/06/2019 13.53*/
.tableColourBlue{
background: aliceblue;
font-size: 12px;
}
.tablenoColour{
font-size: 12px;
}
.tablewidth{
width: 130px;
}
.imgMargin{
margin-top: 25px;
margin-bottom: 23px;
}
.tablepadding
{
padding: 10px;
}
/*ALERT*/
/* FOI Disclosure list News feed styling */
#FOIResponsesListing_List .sys_itemslist {
display: flex;
flex-wrap: wrap;
}
#FOIResponsesListing_List .sys_itemslist .sys_subitem {
flex: 50%;
border: 0;
background-color: #fff;
}
#FOIResponsesListing_List .sys_itemslist .sys_subitem h3 {
background-color: #fff;
}
/* Attend Anywhere link list */
.attend-anywhere-link-list {
padding: 0;
display: flex;
flex-wrap: wrap;
}
.attend-anywhere-link-list li {
margin-right: 5px;
margin-bottom: 5px;
}
.pageContent .attend-anywhere-link-list li::before {
content: '';
}
.attend-anywhere-link-list a {
background-color: #005eb8;
color: #fff;
border-radius: 4px;
padding: 10px;
display: block;
}
.attend-anywhere-link-list a:hover {
background-color: #0072df;
}
/* Right-column post-its */
.right-side-post-its {
width: 300px;
float: right;
padding: 15px 0 0 30px;
margin-bottom: 15px;
}
.right-side-post-its > div {
background-color: #fff9c4;
padding: 0 32px 32px 32px;
margin-bottom: 55px;
}
.right-side-post-its > div:last-child {
margin-bottom: 15px;
}
.right-side-post-its > div h4 {
background-color: #ffeb3b;
display: inline-block;
margin: 0 0 8px -32px;
padding: 8px 32px;
position: relative;
top: -16px;
}
/* Warning callout */
.warning-callout {
background-color: #fff9c4;
padding: 0 32px 32px 32px;
margin-bottom: 25px;
}
.warning-callout h4 {
background-color: #ffeb3b;
display: inline-block;
margin: 0 0 8px -32px;
padding: 8px 32px;
position: relative;
top: -16px;
}
/* Contents list */
.ngh-contents-list {
padding: 20px 0 10px;
margin-bottom: 50px;
background-color: #f0f4f5;
border-left: 5px solid #4c6272;
}
.ngh-contents-list__list {
columns: 2;
padding-left: 50px;
}
.ngh-contents-list__item {
}
ol li::before {
content: '' !important;
}
.ngh-contents-list__current {
}
.ngh-contents-list__link {
}
.ngh-contents-list__link:hover, .ngh-contents-list__link:focus {
background-color: #ffeb3b;
box-shadow: 0 -2px #ffeb3b;
color: #000;
}
.ngh-u-reading-width {
max-width: 44em;
}
/*CHAT BOX*/
.shoutBoxContainer {
height:313px;
}
.simple-highlight{
background-color: rgba(0,0,0,.6);
padding:0.1em 0.2em;
display: block;
max-width: -webkit-max-content;
}
/*.text-left{
max-width:80%;
font-size:2vw;
}*/
@media screen and (min-width: 601px) {
.text-left{
max-width:80%;
font-size:22px;
}
.homepage-ngh--sub-link {
background-color: #005eb8;
color: #fff;
text-align: center;
text-decoration: none;
padding: 6px 10px;
display: inline-block;
/*font-size: 14px;
font-size: .875rem;*/
font-size:22px;
border-radius: 3px;
}
/*Caption slider*/
.carousel-caption {
width: 100%;
height: 100%;
left: 0;
padding: 50px;
top: 0;
}
}
@media screen and (max-width: 600px) {
.text-left{
max-width:90%;
font-size:8px;
}
.homepage-ngh--sub-link {
background-color: #005eb8;
color: #fff;
text-align: center;
text-decoration: none;
padding: 6px 10px;
display: inline-block;
/*font-size: 14px;
font-size: .875rem;*/
font-size:8px;
border-radius: 3px;
}
/*Caption slider*/
.carousel-caption {
width:100%;
height:100%;
left:0;
/*padding: 50px;*/
padding: 25px;
}
}
/* If the screen size is 601px wide or more, set the font-size of 768px to 80px
@media screen and (min-width:601px ) {
.simple-highlight {
font-size:12px;
}
}
*/
.homepage-ngh--sub-link:active, .homepage-ngh--sub-link:focus, .homepage-ngh--sub-link:hover {
background-color: #003087;
color: #fff;
}
/*Caption Slider End*/
/*NHS Colour buttons */
.red {
background-color: #DA291C !important;
color:white;
}
.orange {
background-color: #ED8B00 !important;
color:white;
}
.yellow {
background-color: #FFB81C !important;
color:white;
}
.pink {
background-color: pink !important;
color: white;
}
.lightgreen {
background-color: #78BE20 !important;
color:white;
}
.lightblue {
background-color: #41B6E6 !important;
color:white;
}
.nhsblue {
background-color: #005EB8 !important;
color:white;
}
.purple {
background-color: #AE2573 !important;
color:white;
}
.darkpurple {
background-color: #330072!important;
color:white;
}
/* New sliders*/
@media screen and (max-width: 768px) {
#suspend {
font-size: 14px;
}
#content {
font-size: 14px;
}
#more {
font-size:12px;
}
img #hospital--mobile{
height: 180px;
}
}
/* submit form*/
.nhsuk-input {
font-weight: 400;
line-height: 1.5;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border: 2px solid #4c6272;
border-radius: 0;
box-sizing: border-box;
height: 40px;
margin-top: 0;
padding: 4px;
width: 100%;
}
.sys_medium:focus-visible {
outline: 4px solid #ffeb3b;
}
.sys_namesubelement input:focus-visible {
outline: 4px solid #ffeb3b;
}
.sys_namesubelement:focus-visible{
outline: 4px solid #ffeb3b;
}
.sys_large:focus-visible{
outline: 4px solid #ffeb3b;
}
.sys_small:focus-visible{
outline: 4px solid #ffeb3b;
}
button[type=submit] {
/* width: 20%;
float: left;
background-color: #005eb8;
color: white;
padding: 14px 20px;
margin: 8px 15px;
cursor: pointer;
font-size: 15px;*/
-webkit-appearance: none;
background-color: #007f3b;
border: 2px solid transparent;
border-radius: 4px;
box-shadow: 0 4px 0 #00401e;
box-sizing: border-box;
color: #fff;
cursor: pointer;
display: inline-block;
font-weight: 600;
margin-top: 0;
padding: 12px 16px;
position: relative;
text-align: center;
vertical-align: top;
width: auto;
}
.button[type=submit], button[type=submit]:active {
background: #00401e;
box-shadow: none;
color: #fff;
top: 4px;
}
.button:focus {
background: #ffeb3b;
box-shadow: 0 4px 0 #212b32;
color: #212b32;
outline: 4px solid transparent;
}
.sys_cms-form-body .error, .sys_cms-form-body .sys_cms-form-error {
color: #d5281b;
font-size: .9em;
font-weight: bold;
width: 100%;
}
/*
.all-test{
filter: invert(100%);
margin-left: auto;
margin-right: auto;
}
@media screen\9 {
.landing-page img{
display:none;
}
}
@media \0screen {
.landing-page img{
display:none;
}
}
@media \0screen\,screen\9 {
.landing-page img{
display:none;
}
}
@media screen and (min-width:0\0){
.landing-page img{
display:none;
}
}
*/
/*IE6,7,9,10
@media screen\9 {
.landing-page img {
display: none;
}
}
@media \0screen {
.landing-page img {
display: none;
}
}
@media \0screen\,screen\9 {
.landing-page img {
display: none;
}
}
*/
/* nhs uk framework */
.nhsuk-details{color:#212b32;margin-bottom:16px;font-size:16px;font-size:1rem;line-height:1.5;display:block}@media print{.nhsuk-details{color:#212b32}}@media (min-width:40.0625em){.nhsuk-details{margin-bottom:24px}}@media (min-width:40.0625em){.nhsuk-details{font-size:19px;font-size:1.1875rem;line-height:1.47368}}@media print{.nhsuk-details{font-size:14pt;line-height:1.15}}.nhsuk-details__summary{color:#005eb8;cursor:pointer;display:inline-block;padding-left:24px;position:relative}.nhsuk-details__summary:hover{color:#7c2855}.nhsuk-details__summary:before{bottom:0;content:'';left:0;margin:auto;position:absolute;top:0;display:block;width:0;height:0;border-style:solid;border-color:transparent;clip-path:polygon(0 0,100% 50%,0 100%);border-width:7px 0 7px 12.124px;border-left-color:inherit}.nhsuk-details__summary:focus{background-color:#ffeb3b;box-shadow:0 -2px #ffeb3b,0 4px #212b32;color:#212b32;outline:4px solid transparent;text-decoration:none}.nhsuk-details__summary:focus .nhsuk-icon{fill:#212b32}.nhsuk-details__summary:focus .nhsuk-details__summary-text,.nhsuk-details__summary:hover .nhsuk-details__summary-text{text-decoration:none}.nhsuk-details[open]>.nhsuk-details__summary:before{display:block;width:0;height:0;border-style:solid;border-color:transparent;clip-path:polygon(0 0,50% 100%,100% 0);border-width:12.124px 7px 0 7px;border-top-color:inherit}.nhsuk-details__summary-text{text-decoration:underline}.nhsuk-details__summary::-webkit-details-marker{display:none}.nhsuk-details__text{border-left:4px solid #d8dde0;margin-top:8px;padding:16px;padding-left:20px}.nhsuk-details__text>:first-child{margin-top:0}.nhsuk-details__text>:last-child{margin-bottom:0}.nhsuk-expander{background-color:#fff;border:1px solid #d8dde0;border-bottom-width:4px}.nhsuk-expander:hover{border-color:#aeb7bd}.nhsuk-expander .nhsuk-details__summary{background-color:#fff;border-top:4px solid transparent;display:block;padding:20px 24px 24px}@media (max-width:40.0525em){.nhsuk-expander .nhsuk-details__summary{padding:12px 16px 16px}}.nhsuk-expander .nhsuk-details__summary:before{display:none!important}.nhsuk-expander .nhsuk-details__summary:hover .nhsuk-details__summary-text{color:#7c2855}.nhsuk-expander .nhsuk-details__summary:focus{box-shadow:none}.nhsuk-expander .nhsuk-details__summary:focus .nhsuk-details__summary-text{background-color:#ffeb3b;box-shadow:0 -2px #ffeb3b,0 4px #212b32;color:#212b32;outline:4px solid transparent;text-decoration:none;background:#ffeb3b url("data:image/svg+xml,%3Csvg class='nhsuk-icon nhsuk-icon__plus' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' aria-hidden='true'%3E%3Ccircle cx='12' cy='12' r='10' fill='002f5c'%3E%3C/circle%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M12 8v8M8 12h8'%3E%3C/path%3E%3C/svg%3E%0A") left -2px center no-repeat;background-size:32px 32px}.nhsuk-expander .nhsuk-details__summary-text{background:url("data:image/svg+xml,%3Csvg class='nhsuk-icon nhsuk-icon__plus' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' aria-hidden='true'%3E%3Ccircle cx='12' cy='12' r='10' fill='%23005eb8'%3E%3C/circle%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M12 8v8M8 12h8'%3E%3C/path%3E%3C/svg%3E%0A") left -2px center no-repeat;background-size:32px 32px;color:#005eb8;cursor:pointer;display:inline-block;padding:4px 4px 4px 38px;position:relative}.nhsuk-expander .nhsuk-details__text{padding-bottom:16px;padding-left:16px;padding-right:16px;padding-top:0;border-left:0;margin-left:0;margin-top:0}@media (min-width:40.0625em){.nhsuk-expander .nhsuk-details__text{padding-bottom:24px}}@media (min-width:40.0625em){.nhsuk-expander .nhsuk-details__text{padding-left:24px}}@media (min-width:40.0625em){.nhsuk-expander .nhsuk-details__text{padding-right:24px}}@media (min-width:40.0625em){.nhsuk-expander .nhsuk-details__text{padding-top:0}}.nhsuk-expander[open]{border-bottom-width:1px}.nhsuk-expander[open] .nhsuk-details__summary:focus .nhsuk-details__summary-text{background:#ffeb3b url("data:image/svg+xml,%3Csvg class='nhsuk-icon nhsuk-icon__minus' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' aria-hidden='true'%3E%3Ccircle cx='12' cy='12' r='10' fill='002f5c'%3E%3C/circle%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M8 12h8'%3E%3C/path%3E%3C/svg%3E%0A") left -2px center no-repeat;background-size:32px 32px}.nhsuk-expander[open] .nhsuk-details__summary:focus:hover .nhsuk-details__summary-text{text-decoration:none}.nhsuk-expander[open] .nhsuk-details__summary-text{background:url("data:image/svg+xml,%3Csvg class='nhsuk-icon nhsuk-icon__minus' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' aria-hidden='true'%3E%3Ccircle cx='12' cy='12' r='10' fill='%23005eb8'%3E%3C/circle%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M8 12h8'%3E%3C/path%3E%3C/svg%3E%0A") left -2px center no-repeat;background-size:32px 32px}.nhsuk-expander-group{margin-bottom:16px}.nhsuk-expander-group>.nhsuk-details{margin-bottom:8px}@media (min-width:40.0625em){.nhsuk-expander-group>.nhsuk-details{margin-bottom:8px}}@media (min-width:40.0625em){.nhsuk-expander-group{margin-bottom:24px}}.nhsuk-details+.nhsuk-heading-l,.nhsuk-details+h2{padding-top:16px}@media (min-width:40.0625em){.nhsuk-details+.nhsuk-heading-l,.nhsuk-details+h2{padding-top:24px}}
/* START OF GREEN PAGE PAGE STYLING */
/* Nav Bar - box shadow */
.ngh-contents-list__link__green:hover, .ngh-contents-list__link__green:focus {
background-color: #78be20;
box-shadow: 0 -2px #78be20;
color: #ffffff;
}
/* Bullet points - link */
#bullet__green li:before, #bullet__green li:before, #bullet__green ul li:before,
.bullet__green li:before, .bullet__green ul li:before {
/*Using a Bootstrap glyphicon as the bullet point*/
content: "\e080";
font-family: 'Glyphicons Halflings';
font-size: 9px;
float: left;
margin-top: 4px;
margin-left: -17px;
color: #78be20 ;
}
#bullet__green__two li:before, #bullet__green__two li:before, #bullet__green__two ul li:before,
.bullet__green__two li:before, .bullet__green__two ul li:before {
/*Using a Bootstrap glyphicon as the bullet point*/
content: "\e080";
font-family: 'Glyphicons Halflings';
font-size: 9px;
float: left;
margin-top: 4px;
margin-left: -17px;
color: #78be20 ;
}
#bullet__green__three li:before, #bullet__green__three li:before, #bullet__green__three ul li:before,
.bullet__green__three li:before, .bullet__green__three ul li:before,
#ngh__green li:before, #ngh__green li:before, #ngh__green ul li:before,
.bullet__green__three li:before, .bullet__green__three ul li:before {
/*Using a Bootstrap glyphicon as the bullet point*/
content: "\e080";
font-family: 'Glyphicons Halflings';
font-size: 9px;
float: left;
margin-top: 4px;
margin-left: -17px;
color: #78be20 ;
}
#content__green li:before,
#ngh__green li:before,
#bullet__green li:before,
#bullet__green__two li:before,
#bullet__green__three li:before
{
color:#78be20;
}
/*Bullet points - link */
#content__green li:before, #content__green li:before, #content__green ul li:before,
#ngh__green li:before, #ngh__green li:before, #ngh__green ul li:before {
/*Using a Bootstrap glyphicon as the bullet point*/
content: "\e080";
font-family: 'Glyphicons Halflings';
font-size: 9px;
float: left;
margin-top: 4px;
margin-left: -17px;
color: #78be20;
}
#greenPlan li:before, #greenPlan li:before, #greenPlan ul li:before
{
/*Using a Bootstrap glyphicon as the bullet point*/
content: "" !important;
font-size: 9px;
float: left;
margin-top: 4px;
margin-left: -17px;
}
/* END OF GREEN PLAN PAGE STYLING */