/*
Theme Name: BOBICS
Theme URI: https://www.oxfordhealth.nhs.uk/wp-content/themes/BOBICS
Author: Tim Bowes, Oxford Health NHS Foundation Trust
Author URI: https://www.oxfordhealth.nhs.uk
Description:  Website theme for partnerships sites
Version: 3.0
License: For use by Oxford Health NHS Foundation Trust only. 
License URI: https://www.oxfordhealth.nhs.uk/bob
Text Domain: ohft
 */
/* COPYRIGHT (c) Oxford Health NHS Foundation Trust, 2024.
 * All Rights reserved. Author: Tim Bowes, IT Department */

/* === Base === */
html {background: #F7F9FA;}
body {background: #FAFBFC !important;}
h1, h2, h3, h4, h5, h6 {clear: both; }
h2 {letter-spacing: -0.5px;}
h1 {color: #005eb8 !important;}
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: 850px;height: 40px;float: left; padding-left: 20px; }
.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;}
li.patient {display: none;}

/* === Header === */
.header{height:150px; width: 1140px; overflow:hidden; margin: 0 auto; margin-top: 0px; }
.mobile-header {display: none;}
.service-name {float: left; width: 300px; height: 90px; display: block; margin: 35px 0 0 0;}
.service-name h1 {float: left; margin:0 0 0 0 !important; width: 200px;}
.service-name h1 a {text-decoration: none; color: #005EB8; }
.service-name p {font-size: 17px; float: left; margin:0 0 0 0; width: 200px; font-weight: normal;}
.service-name p em {font-size: 14px; float: left; margin:0 0 0 0; width: 200px; font-weight: normal;}
.logo{width:100px;height:40px; margin-top: 50px; float:right; text-align: right;  }
.logo img{height: 40px;width: 98px;}

/* === 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 {border-top: 5px solid #f0f4f5;  }*/
.ohft-rounded {border-radius: 15px !important;}
.ohft-rounded-top {border-top-left-radius: 14px !important; border-top-right-radius:  14px !important;}
.nhsuk-list-panel {margin-left: 15px !important; margin-right: 15px !important;  }
.fix-padding {padding: 0;}

/* === 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: 170px;background: rgb(99,179,46);background: linear-gradient(0deg, rgba(99,179,46,1) 0%, rgba(120,190,32,1) 100%); clear:both;}
.mast-overlay {width: 100%;height: 170px;background-image: url(images/bob-brand.png);background-position: left center;background-repeat: no-repeat;}
.mast-text{width: 1140px; height: 100px; margin: 0 auto; padding: 55px 0 0; } 
.mast-overlay h1 {color: #ffffff !important;  padding: 0 !important; margin: 0 !important;  }
.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;}

/* === Homepage === */
.home-mast {width: 100%;height: 350px;padding: 0;background: rgb(99,179,46);background: linear-gradient(0deg, rgba(99,179,46,1) 0%, rgba(120,190,32,1) 100%); clear:both;}
.home-mast-overlay {width: 100%;height: 100%;background-image: url(images/bob-brand.png);background-position: left top;background-repeat: repeat-y;}
.home-mast-inner {width: 1140px; height: 350px; margin: 0 auto; }
.home-slogan {width: 700px; float: left; margin: 60px 0 0;  }
.home-slogan h1 {color: #ffffff !important;  padding: 0 0 20px !important; margin: 0 !important; text-align: left !important;  }
.home-slogan p {color: #ffffff !important;  padding: 0 0 20px !important; margin: 0 !important; text-align: left !important;  font-weight: bold; font-size: 24px; line-height: 140% !important;}
.home-slogan p a {color: #ffffff !important;}
.home-slogan p a:visited {color: #ffffff !important;}
.home-quote {float: right; width: 330px;height: 250px; margin: 65px auto 0;background-image: url(images/speech-bubble.png); background-repeat: no-repeat;  }
.home-quote:hover {background-image: url(images/speech-blue.png); background-repeat: no-repeat;  }
.home-quote p {color: #ffffff !important; font-size: 32px;  padding: 65px 0 0 !important; margin: 0 !important; text-align: center !important; line-height: 120% !important;  font-weight: bold; }
.home-image {float: right; width: 330px;height: 250px; margin: 65px auto 0;}
.speech-bubble-1 {background-image: url(images/speech/speech-bubble-1.png); background-repeat: no-repeat; background-position: center top; text-align: center; height: 230px; }
.speech-bubble-1 img, .speech-bubble-2 img, .speech-bubble-3 img, .speech-bubble-4 img {margin: 30px 0 5px; }
.speech-bubble-1:hover {background-image: url(images/speech/speech-bubble-1_hover.png); background-repeat: no-repeat; }
.speech-bubble-2 {background-image: url(images/speech/speech-bubble-2.png); background-repeat: no-repeat;background-position: center top;text-align: center;height: 230px;}
.speech-bubble-2:hover {background-image: url(images/speech/speech-bubble-2_hover.png); background-repeat: no-repeat;}
.speech-bubble-3 {background-image: url(images/speech/speech-bubble-3.png); background-repeat: no-repeat;background-position: center top;text-align: center;height: 230px;}
.speech-bubble-3:hover {background-image: url(images/speech/speech-bubble-3_hover.png); background-repeat: no-repeat;}
.speech-bubble-4 {background-image: url(images/speech/speech-bubble-4.png); background-repeat: no-repeat;background-position: center top;text-align: center;height: 230px;}
.speech-bubble-4:hover {background-image: url(images/speech/speech-bubble-4_hover.png); background-repeat: no-repeat;}
.speech-bubble-1 h3 a, .speech-bubble-2 h3 a, .speech-bubble-3 h3 a, .speech-bubble-4 h3 a {color: #000 !important; text-decoration: none !important;} 

/* === Footer === */
.footer {background: #ffffff ;margin: 0 auto 0;width: 100%;height: 160px;}
.footer-inner {width: 1140px;display: block;margin: 0 auto;}
.footer-left {width: 350px;float: left;display: block;height: 100px;margin-top: 30px;}
.footer-right {width: 350px;float: right;display: block;height: 100px;margin-top: 30px; text-align: right;}
.footer-right img {float: right; height: 75px;}
.copyright-outer {background-color: #0072CE;height: 40px;width: 100%;display: block;margin: 0;overflow: hidden;}
.copyright-inner {width: 1140px;margin: 0 auto;}
.copyright-inner-left {width: 600px;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: 400px;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;}


/* === 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: 980px !important ;}
	.top-bar {width: 980px;}
	.corporate-menu {width: 680px;}
	.corporate-menu li {float: left;display: block;text-align: left;font-size: 16px;margin: 0;padding: 0 13px;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;}
	.top-tools {width: 279px;height: 40px;float: right;}
	.header {width: 980px; height: 150px;}
	.home-mast {width: 100%;height: 350px;padding: 0;background: rgb(99,179,46);background: linear-gradient(0deg, rgba(99,179,46,1) 0%, rgba(120,190,32,1) 100%); clear:both;}
	.home-mast-overlay {width: 100%;height: 100%;background-image: url(images/bob-brand.png);background-position: left top;background-repeat: repeat-y;}
	.home-mast-inner {width: 1140px; height: 350px; margin: 0 auto; }
	.home-slogan {width: 600px; float: left; margin: 60px 0 0;  }
	.home-slogan h1 {font-size: 36px !important; }
	.home-slogan p {font-size: 20px !important;}
	.speech-bubble-1 {background-image: url(images/speech/speech-bubble-1.png); background-repeat: no-repeat; background-position: center top; background-size: contain;text-align: center; height: 230px; }
	.speech-bubble-1 img, .speech-bubble-2 img, .speech-bubble-3 img, .speech-bubble-4 img {margin: 30px 5px 5px !important;  }
	.speech-bubble-1:hover {background-image: url(images/speech/speech-bubble-1_hover.png); background-repeat: no-repeat; }
	.speech-bubble-2 {background-image: url(images/speech/speech-bubble-2.png); background-repeat: no-repeat;background-position: center top;background-size: contain;text-align: center;height: 230px;}
	.speech-bubble-2:hover {background-image: url(images/speech/speech-bubble-2_hover.png); background-repeat: no-repeat;}
	.speech-bubble-3 {background-image: url(images/speech/speech-bubble-3.png); background-repeat: no-repeat;background-position: center top;background-size: contain;text-align: center;height: 230px;}
	.speech-bubble-3:hover {background-image: url(images/speech/speech-bubble-3_hover.png); background-repeat: no-repeat;}
	.speech-bubble-4 {background-image: url(images/speech/speech-bubble-4.png); background-repeat: no-repeat;background-position: center top;background-size: contain;text-align: center;height: 230px;}
	.speech-bubble-4:hover {background-image: url(images/speech/speech-bubble-4_hover.png); background-repeat: no-repeat;}
	.patient-menu {width: 500px;}
	.slide-next {bottom: 380px;left: 880px;}
	.slide-prev {top: 300px;left: 0;}
	.featured-image {width: 100%;height: 150px;}
	.mast-overlay {width: 100%;height: 150px; background-size: contain;}
	.mast-text{width: 90%; height: 150px; margin: 0 auto; padding: 48px 0 0 10px; } 
	#footer {width: 100%;height: auto;border-top: 5px solid #0072CE;}
	#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;}
}

/* === 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;}
	.mobile-header p {font-size: 14px;	text-align: center;margin: 10px 0;letter-spacing: normal;}
	.mobile-header img {display: block; margin: 0 auto;}
	.nhsuk-breadcrumb {display:none;}
	.home-mast {width: 100%;height: 350px;padding: 0;background: rgb(99,179,46);background: linear-gradient(0deg, rgba(99,179,46,1) 0%, rgba(120,190,32,1) 100%); clear:both;}
	.home-mast-overlay {width: 100%;height: 100%;background-image: url(images/bob-brand.png);background-position: left top;background-repeat: repeat-y;}
	.home-mast-inner {width: 100%; height: 350px; margin: 0 auto; }
	.home-slogan {width: 80%; float: none; margin: 20px 0 0;  }
	.home-slogan h1 {font-size: 36px !important; }
	.home-slogan p {font-size: 20px !important;}
	#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%;}
	img, table {max-width: 100%;}
	.header {width: 730px;}
	.featured-image {width: 100%;height: 150px;}
	.mast-overlay {width: 100%;height: 150px; background-size: contain;}
	.mast-text{width: 90%; height: 150px; margin: 0 auto; padding: 48px 0 0 20px; } 
	#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 {display:none;}
	.mobile-header {display: block;	width: 100%; margin: 0; padding: 10px 0; clear:both; background-color:  #ffffff;}
	.mobile-header h1 {font-size: 22px;	text-align: center;margin: 10px 0;letter-spacing: normal;}
	.mobile-header p {font-size: 14px;	text-align: center;margin: 10px 0;letter-spacing: normal;}
	.mobile-header img {display: block; margin: 0 auto; width: 200px;}
	.nhsuk-breadcrumb {display:none;}
	#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%;}
	#submenu .current_page_item {margin: 10px 0 10px -15px;	padding: 10px 13px;}
	.featured-image {width: 100%;height: 100px;}
	.mast-overlay {width: 100%;height: 100px; background-size: contain;}
	.mast-text{width: 90%; height: 100px; margin: 0 auto; padding: 30px 0 0 20px; } 
	.home-mast {width: 100%;height: 220px;}
	.home-mast-overlay {display: none;}
	.home-slogan {width: 90%; float: none; margin: 20px auto 0;  }
	.home-slogan h1 {font-size: 20px !important; }
	.home-slogan p {font-size: 16px !important;}
	.home-quote, .home-image {display:none;}
	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;}
	#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;}
}

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