/*
Theme Name:     The Bootstrap Child for SaIL
Theme URI:      http://en.wp.obenland.it/the-bootstrap/
Description:    Child theme of The Bootstrap used for the SaIL Centres
Author:         Jerome Di Pietro
Author URI:     http://ehealth.kcl.ac.uk/sites/team-blog/
Template:       the-bootstrap-child                            
Version:        0.1.1
*/

@import url("../the-bootstrap/style.css");

h1{
font-size:200%;
line-height: 30px;
}
h2{
font-size:120%;
line-height: 20px;
}


h3{

}

h1, h2, h3 {
line-height: 30px;
}
body > .container {
	margin: 10px auto 18px auto;
}
.subnav ul.nav{
margin-bottom:8px;
}
a#header-image{
background-color:#FFF;
padding:10px 0 5px 0;
border: 1px solid #e3e3e3;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
#page {
	background:transparent;
	padding:0;
}
.page-header{
margin: 15px 0 30px;

}
.page-title{
margin-top:-15px;
margin-bottom:-20px;
}

.well{
-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	}
.widget.well{
	background-color:#FBFBFB;
	padding:5px 15px;
}
.widget_search{
	background:transparent;
}
.widget_search div.input-append{
margin:10px auto;
}
#widget-collapscat-2-top{
margin-left:0;
}
#widget-collapscat-2-top span.collapsing {
margin-right:3px;
}
.widget_collapscat ul{
list-style-type: none;

}

article{
	background-color:#FBFBFB;
	padding:5px 20px;
	margin-top: 0;
	margin-bottom: 22px;

	border: 1px solid #e3e3e3;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;

	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
article.post, article.page {
margin-bottom: 22px;
}

div#respond .form-actions{
background:transparent;
border:none;

}

/* Events Calendar */
article.tribe_events header{

margin-left:20px !important;
margin-top:20px;
}
article.tribe_events footer{

margin-left:20px !important;
}

#myCalendar h4.event-day{
font-size:105%;
}
#myCalendar h2.entry-title{
margin-bottom:15px;
}

#myCalendar div.tribe-events-event-entry p{
font-size:14px !important;
margin-top:10px;
}
span.tribe-events-month-nav{
font-size:smaller;
}
span.tribe-events-calendar-buttons{
font-size:smaller !important;
}
a.tribe-events-button-off{
background-color:#ccc !important;
}
span.tribe-events-calendar-buttons a{
font-size:smaller !important;
margin-left:2px;
margin-top:10px;
}

/* sociable plug-in */
div.sociable_tagline{
margin-top:40px;
}
/* subscribe2 plug-in */
#s2_form_widget-2 .search{
font-size:90%;
}
/*twitter feed */
#text-5{
background-color:transparent !important;
padding:0 !important;
margin-bottom: 13px !important;
margin-top: 5px !important;
border:0 !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}
/* START Theme Overrides */
.navbar-inner{
	padding-left:0;
}
/*hide background box
Twitter widget */
aside#text-10{ 
border:none;
background:transparent;
-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	margin-bottom:13px;
	padding:0 !important;
}
/* Custom meta widget Overrides */
aside.customMetaWidget{
	border:none;
	background:transparent !important;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	padding-left:2px !important;
}
aside.customMetaWidget ul {
	list-style:none !important;	
	margin-left:0;
}
aside.customMetaWidget ul li{
	list-style:none !important;	
}
aside.customMetaWidget ul li a{
	font-size:x-small !important;
	text-transform:uppercase !important;
}
/* search box Overrides */
@media (min-width: 978px){
/*hide search box */
aside#search-2{ 
display:none !important;
}
}
@media (max-width: 979px){
	/*hide search box in navbar*/
	form#searchform.navbar-search {
		display:none !important;
	}
}
@media (max-width: 979px) and (min-width: 768px){

#search-2 div.input-append{
margin-left:-14px !important;
}
/*hide background box
Search widget */
aside#search-2{ 
border:none;
background:transparent;
-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	padding-top:0;
	padding-bottom:0;
	margin-bottom:10px;
}
}

/* change collapse switch point for navbar button (switch later)*/
	/* first restore defaults */
	@media (max-width: 979px){
		.navbar .btn-navbar {
		display: none;
		}
		.nav-collapse, .nav-collapse.collapse {
		overflow: visible;
		height: auto;
		}
		.navbar .nav {
		position: relative;
		left: 0;
		display: block;
		float: left;
		margin: 0 10px 0 0;
		}
		.navbar .nav>li {
		float: left;
		}
		.nav-collapse .nav>li>a, .nav-collapse .dropdown-menu a {
			padding: 10px 15px;
			margin-bottom:0;
			font-weight: normal;
			color: #777777;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			}
		.open >.dropdown-menu {
		display: block;
		}
		.dropdown-menu {
position: absolute !important;
top: 100% !important;
left: 0 !important;
z-index: 1000;


float: left !important;
min-width: 160px !important;

list-style: none;
background-color: #ffffff !important;
border: 1px solid rgba(0, 0, 0, 0.2) !important;
-webkit-border-radius: 6px !important;
-moz-border-radius: 6px !important;
border-radius: 6px !important;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) !important;
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) !important;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) !important;
-webkit-background-clip: padding-box !important;
-moz-background-clip: padding !important;
background-clip: padding-box !important;
}


	}
	/* now reintroduce collapsed state but on smaller width */
	@media (max-width: 676px){
		.navbar .btn-navbar {
		display: block;
		}
		.navbar .container {
		width: auto;
		padding: 0;
		}
		.nav-collapse, .nav-collapse.collapse {
		overflow: hidden;
		height: 0;
		}

		.nav-collapse {
		clear: both;
		}
		.nav-collapse .nav {
		float: none;
		margin: 0 0 10px;
		}
		.nav-collapse .nav>li {
		float: none;
		}
		.nav-collapse .nav>li>a, .nav-collapse .dropdown-menu a {
		padding: 9px 15px;
		font-weight: bold;
		color: #777777;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		}
		.nav-collapse .open>.dropdown-menu {
		display: block;
		}
		.nav-collapse .dropdown-menu {
			position: static;
			top: auto;
			left: auto;
			float: none;
			max-width: none;
			margin: 0 15px;
			padding: 0;
			background-color: transparent;
			border: none;
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
			border-radius: 0;
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
			}
			.dropdown-menu {
			min-width: 160px;
			list-style: none;
			-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
			}
	}
/* end change switch point */
/* END Theme Overrides */

/* HEADER Menu */
header#branding ul#menu-headermenu li a{
	padding:2px 2px 2px 4px;
	margin:0;
}
header#branding ul#menu-headermenu{
font-size: smaller;	
}
header#branding ul#menu-headermenu li{
line-height:14px;
}

/* FOOTER */

#page-footer.well{
margin-top:20px;
margin-bottom:0;
padding:0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-bottom-right-radius: 0;
	border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-bottom-left-radius: 0;
	border-bottom-left-radius: 0;
	
	font-size:smaller;
	/*-webkit-box-shadow:none;
	box-shadow:none;
	*/
}
#page-footer.well .nav-pills>li>a{
margin-top:0;
margin-bottom:0;
}
#partners-footer.well{
background-color:#FFF;
margin-top:0;
border-top:none;
	-webkit-border-top-right-radius: 0;
	-moz-border-top-right-radius: 0;
	border-top-right-radius: 0;
	-webkit-border-top-left-radius: 0;
	-moz-border-top-left-radius: 0;
	border-top-left-radius: 0;
	
	/*-webkit-box-shadow:none;
	box-shadow:none;*/
}
.footer-menu{
margin-left: auto;
margin-right: auto;
padding-left: 0;
list-style: none outside none;
display: block;
margin: 0 1.5em 1.5em;
padding: 0;
border: 0;
}
.footer-menu li {
display: inline;
}
.footer-menu a {
text-indent: -9999px;
display: block;
float: left;
height: 96px;
margin-right: 3em;
}
.footer-menu .link1 {
width: 87px;
background: url("img/kcl.png");
}
.footer-menu .link2 {
width: 176px;
background: url("img/guyandthomasNHS.png");
}
.footer-menu .link3 {
width: 180px;
background: url("img/kclhospitalNHS.png");
}
.footer-menu .link4 {
width: 216px;
background: url("img/southandmaudsley.png");
}


/* CAROUSEL TWEAKS */
div#gallery-slider{

}

#myCarousel h2{
	color:#ddd;
	font-size:1.4em;
}
#myCarousel p{
	color:#aaa;
}
#myCarousel p:hover{
	color:#ddd;
}
#myCarousel .btn{
margin-top:10px;
float:right;	
}
.carousel-control{
	top:20% !important;
	opacity: 0.3 !important;
}
a.carousel-control:hover{
	opacity: 0.6 !important;
}

.carousel figure img{ /* align images centrally */
	margin: 0 auto 20px;
}
	/* smaller header on small screens */
		/* smaller header on small screens */
	@media (max-width: 979px) and (min-width: 768px) {
		.carousel-control{
			width: 30px;
			height: 30px;
			font-size: 40px;
			line-height: 20px;
		}
	}
	@media (max-width: 767px){
		.carousel-control{
			width: 20px;
			height: 20px;
			font-size: 30px;
			line-height: 15px;
		}
		.carousel .item > img {
			
		}
	}
	@media (max-width: 420px){
		.carousel-control{
			width: 12px;
			height: 12px;
			font-size: 16px;
			line-height: 10px;
		}
		#myCarousel.carousel .item > img {
			display:none;
		}
	}




a#toTop{
margin-right:4px;
margin-top:4px;	
}

a#backToParent{
margin-top:-54px;	
}


/* Sidenav for JDP Site
-------------------------------------------------- */

.jdp-site-sidenav {
	
  margin: -5px -16px;
  padding: 0;
  background-color: #fff;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;

}
.jdp-site-sidenav > li > a {

  margin: 0 0 -1px;
  padding: 8px 14px;
  border: 1px solid #e5e5e5;
}
.jdp-site-sidenav > li:first-child > a {
  -webkit-border-radius: 6px 6px 0 0;
     -moz-border-radius: 6px 6px 0 0;
          border-radius: 6px 6px 0 0;
}
.jdp-site-sidenav > li:last-child > a {
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
}
.jdp-site-sidenav > .active > a {
  position: relative;
  z-index: 2;
  padding: 9px 15px;
  border: 0;
  text-shadow: 0 1px 0 rgba(0,0,0,.15);

}
/* Chevrons */
.jdp-site-sidenav .icon-chevron-right, .jdp-site-sidenav .icon-plus, .jdp-site-sidenav .icon-minus{
  float: left;
  margin-top: 2px;
  margin-right: 10px;
  opacity: .25;
}

.jdp-site-sidenav .icon-arrow-up {
  float: left;
  margin-top: 2px;
  margin-right: 6px;
  opacity: .25;
}
.jdp-site-sidenav > li > a:hover {
  background-color: #f5f5f5;
}
.jdp-site-sidenav a:hover .icon-chevron-right, .jdp-site-sidenav a:hover .icon-arrow-up, .jdp-site-sidenav a:hover .icon-plus, .jdp-site-sidenav a:hover .icon-minus {
  opacity: .5;
}
.jdp-site-sidenav .active .icon-chevron-right,
.jdp-site-sidenav .active a:hover .icon-chevron-right,
.jdp-site-sidenav .active .icon-minus,
.jdp-site-sidenav .active a:hover .icon-minus,
.jdp-site-sidenav .active .icon-plus,
.jdp-site-sidenav .active a:hover .icon-plus,
.jdp-site-sidenav .active .icon-arrow-up,
.jdp-site-sidenav .active a:hover .icon-arrow-up {
  background-image: url(../the-bootstrap/img/glyphicons-halflings-white.png);
  opacity: 1;
}






/* FIXES */
div#content > header.page-header{
	border-bottom: none !important;
}


/* ugly hack to introduce breaking lines in the dropdown menus */
ul.dropdown-menu li#menu-item-1501, ul.dropdown-menu li#menu-item-1502{
padding:0 !important;

}
ul.dropdown-menu li#menu-item-1501 a, ul.dropdown-menu li#menu-item-1502 a{
margin:0;
line-height:10px !important;
color:#999 !important;
}
ul.dropdown-menu li#menu-item-1501 a:hover, ul.dropdown-menu li#menu-item-1502 a:hover{
	background-image:none !important;
	background-color:transparent !important;
	color:#999 !important;
	cursor:default !important;
}


/* HELPERS */
.centeredText{
	text-align:center;
}
.marginBottom{
margin-bottom: 20px !important;
}
.marginTop{
margin-top: 20px !important;
}
.marginLeft{
margin-left: 20px !important;
}
.marginRight{
margin-left: 20px !important;
}

.smaller {
	font-size:smaller;
}
ul.noBullets, ul.noBullets li{
	list-style-type:none !important;
	margin-left:0;	
	padding-left:0;
}
.hide{
	display:none;
}
.clearLeft{

	clear:left;
}

.blackText{
	color:#333 !important;
}
.darkBlueText{
	color:#005580 !important;
}

.aside{
padding-top:10px;
margin-bottom: 10px !important;
}

ul.jdp-grid-2 li {
    width:20%;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
/* GRID Specifics for social media icons */
#socialGrid ul.jdp-grid-2{
margin: 0 !important;
padding: 0 !important;
}

#socialGrid ul.jdp-grid-2 li div{
	margin:5px;
}

/* GRID Specifics for homepage */
ul.jdp-grid li {
    width:30%;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
}


#homeGrid ul.jdp-grid{
margin: 0 !important;
padding: 0 !important;
}
#homeGrid ul.jdp-grid li{
margin-right:5px;
margin-left:5px;
}
#homeGrid ul.jdp-grid li h4{
	line-height:1em;
	font-size:1.1em;
	margin:0;
	margin-top:20px !important;
}
#homeGrid ul.jdp-grid li p.smaller{
	font-size:0.8em !important;
	line-height:1.5em !important;
	margin:0;
}
#homeGrid ul.jdp-grid li p.btn{
margin-top:5px !important;
}
#homeGrid ul.jdp-grid li {
	text-align:center;
	width: 30%;
        min-height: 250px;

        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: bottom;

        zoom: 1;
        *display: inline;
        _height: 250px;
}
#homeGrid ul.jdp-grid li div{
	margin:0 5px;
}
/* smaller header on small screens */
	@media (max-width: 979px){
		#homeGrid ul.jdp-grid li h4{
			font-size:0.9m;
		}
		#homeGrid ul.jdp-grid li{
		
			width:50%;
		
		}
	}

/* Top Nav listing */
	nav.subnav{
	margin:0 !important;
	padding:0 !important;	
	}
ul#menu-topmenu {
	padding:0 !important;
	font-size:80%;
	margin:0 !important;
	margin-top:-10px !important;
}
ul#menu-topmenu li {
	padding:0 !important;
	margin:0 !important;
}
ul#menu-topmenu li a{
	padding:5px 4px !important;
	margin:2px !important;
}

/* CONTACT US Page */
div.wpcf7 textarea{
	width:98%;
}
.rightAlign{
	text-align:right !important;
}
/* RESILIENCE PAGES */
article#resilience{

}
article#resilience .page-header{
	margin-top:0;
	margin-left:0;
	margin-right:0;
	border-bottom:none;
}
div.resilienceLogo{

	text-align:center;
	padding:4px;
	
	  margin: -5px -16px;

  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;

background: -moz-linear-gradient(top,  rgba(235,241,246,1) 0%, rgba(157,194,219,1) 50%, rgba(109,172,214,1) 51%, rgba(134,187,223,1) 63%, rgba(213,235,251,0.17) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,241,246,1)), color-stop(50%,rgba(157,194,219,1)), color-stop(51%,rgba(109,172,214,1)), color-stop(63%,rgba(134,187,223,1)), color-stop(100%,rgba(213,235,251,0.17))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(235,241,246,1) 0%,rgba(157,194,219,1) 50%,rgba(109,172,214,1) 51%,rgba(134,187,223,1) 63%,rgba(213,235,251,0.17) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(235,241,246,1) 0%,rgba(157,194,219,1) 50%,rgba(109,172,214,1) 51%,rgba(134,187,223,1) 63%,rgba(213,235,251,0.17) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(235,241,246,1) 0%,rgba(157,194,219,1) 50%,rgba(109,172,214,1) 51%,rgba(134,187,223,1) 63%,rgba(213,235,251,0.17) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(235,241,246,1) 0%,rgba(157,194,219,1) 50%,rgba(109,172,214,1) 51%,rgba(134,187,223,1) 63%,rgba(213,235,251,0.17) 100%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6', endColorstr='#2bd5eb',GradientType=0 ); */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6', endColorstr='#76B1D9' ); /* IE6-9 */
}

article#resilience .page-header div.resilienceLogo{
	margin: -5px -20px;
}

div.resilienceLogo h3, div.resilienceLogo h4{
	font-family: 'Helvetica Neue',Helvetica, sans-serif;
line-height: 1em;
color: #ffffff;
}
div.resilienceLogo h4{
	font-weight:normal;
font-size: 180%;
}
div.resilienceLogo h3{
	font-weight:normal;
	font-size: 270%;
	text-align:left;
	line-height: 1.3em !important;
	text-shadow: 0px -1px 0px #adbdc9;
    filter: dropshadow(color=#adbdc9, offx=0, offy=-1);
	padding-left:10px;
}
div.resilienceLogo a{
text-decoration:none !important;

}
/* ugly hacks - needed as gradient doesn't show on IE7 and IE6*/
div.resilienceLogo h4{ /*side bar */
*color: #76B1D9 !important; /* shows in IE7 and below */
_color: #76B1D9 !important; /* shows in IE6 and below */
}
div.resilienceLogo h3{ /* main page */
*color: #66A1C9 !important; /* shows in IE7 and below */
_color: #66A1C9 !important; /* shows in IE6 and below */
*border-bottom:4px solid #76B1D9 !important;
_border-bottom:4px solid #76B1D9 !important;
*margin-bottom:-10px;
_margin-bottom:-10px;
}
div.resilienceLogo a h4 , div.resilienceLogo a:active h4 , div.resilienceLogo a:focus h4  {
	text-shadow: 0px -1px 0px #9DA0A8;
    filter: dropshadow(color=#9DA0A8, offx=0, offy=-1);	

}
div.resilienceLogo a:hover h4 {
	*color: #66A1C9 !important; /* shows in IE7 and below */
	_color: #66A1C9 !important; /* shows in IE6 and below */
	text-shadow: 0px -1px 0px #4D6068;
    filter: dropshadow(color=#4D6068, offx=0, offy=-1);	
}



/* Events Calendar */
table.tribe-events-calendar{
background-color:#fff;
}
/* Courses Index list */
ul.courseListing{
	margin-top:10px;
}
ul.courseListing li{
	line-height:24px;
}

/* CUSTOM TEMPLATES */
div#sail-accordion{
	background-color: #FBFBFB;
}
div#sail-accordion .accordion-heading{
padding:0 !important;
}
div#sail-accordion .accordion-heading h4{
	margin:4px 0 !important;
}
div#sail-accordion .accordion-heading h5{
	margin:0 !important;
}
div#sail-accordion .accordion-body{
	background-color: #FEFEFE;
}
article#news div.sociable, article#publications div.sociable, article#conferences div.sociable, article#grants div.sociable, article#staff div.sociable {
	display:none !important;
}
article#news hr, article#publications hr, article#conferences hr, article#grants hr, article#staff hr, div#collapse-2013 hr, div#collapse-2012 hr, div#collapse-2011 hr, div#collapse-older hr{
	margin: 7px 0;
}

div#sail-accordion .sociable{
	display:none !important;
}