/* ==========================================================================
   Tweaks for older browsers
   ========================================================================== */
.ie8 .strap {font-size: 1.7em;}
.ie8 .need-help {font-size: 1.3em; padding: 13px 40px 0 10px; }
.ie8 .havens-centre {font-size: 0.8em;}
.ie8 .havens-centre span {padding: 0 0 0 15px;}
.ie8 .blue-bar-no-rgba {background-color: #02A4D3;}

.ie7 .strap {font-size: 1.7em;}
.ie7 .need-help {font-size: 1.1em; padding: 20px 40px 0 10px; }
.ie7 .havens-centre {font-size: 0.75em;}
.ie7 .havens-centre span {padding: 0 0 0 12px; float: none;}
.ie7 .blue-bar-no-rgba {background-color: #02A4D3;}

/* ==========================================================================
   MAST, BANNER
   ========================================================================== */

#menu-global-top-nav {margin: 20px 15px 0 0; padding: 0px; float: left;}
	#menu-global-top-nav li {float: left; padding: 0 10px 0 10px; list-style: none; }
	#menu-global-top-nav a {color: #3A7DB6; text-decoration: none; font-size: 0.9375em;font-family: 'Lato', sans-serif; font-weight: 700;}
  #menu-global-top-nav a:hover {text-decoration: underline;}

.logo {height: 66px; width: 197px; background: url(../img/logo.png); float: left;}

.main-nav {display: block; margin: 0px auto 40px auto; text-align: right; padding: 0 0 10px 0;}
.main-nav-top {display: block;width: 100%; background-color: #eee; border-top: 5px solid #3B7DB6;height: 65px;margin: 0 0 20px;}
.main-nav-bottom {display: none; background-color: #eee;}

#google_translate_element {float: right; margin:15px 0 0 0; width: auto; border-top: none;}
#google_translate_element select {width: 150px; }

.goog-te-gadget {font-size: 11px !important;}
.goog-te-gadget img {max-width: 30px !important;}
.goog-logo-link, .goog-logo-link:link, .goog-logo-link:visited, .goog-logo-link:hover, .goog-logo-link:active {font-size: 11px !important;}


.navbar-form {display: block; float: right; margin: 13px 0 0 0; max-width:210px;}	
.form-search {display: inline;}
input.search-query {max-width: 90px;}
.leave {display: block; float: right;margin:18px 15px 0 10px;}

/* == home page banner == */
.home-banner {height: 360px; background: url(../img/home-banner.jpg) center no-repeat; position: relative; top: 10px;}
.blue-bar {height: 105px; background-color: rgba(0,161,209,0.70); position: relative; top: 120px;}
	.strap {color: #fff; font-weight: 400 !important; font-size: 2.1em; padding: 10px 0px 0px 0px;}
	.need-help-block {background-color: #215191; height: 85px; border-radius: 50px; margin-top: 10px;}
	.need-help {color: #fff; font-size: 1.5625em; float:left; text-align: center; padding: 13px 25px 0 35px; line-height: 1.2em; display: block;font-family: 'Lato', sans-serif;}
	.havens-centre-container {float: left; padding: 13px 0px 0 0px; display: block;}
	.havens-centre {color: #fff; font-size: 0.9375em;font-family: 'Lato', sans-serif;text-align: center;}
	.havens-centre span {padding: 0px;}
	
	.havens-centre a {color: #fff !important; cursor: default; font-size: 2.2em; line-height: 1.3em;}
	.havens-centre a:hover {color: #fff; text-decoration: none;}

/* == home page pods == */
.pod {height: 300px; border-radius: 10px;}
.span4:hover {text-decoration: none; color: red;}
.pod span {background: none repeat scroll 0 0 #02A4D3;
    border-radius: 20px;
    color: #fff;
    display: block;
    margin: 0px auto 0;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    width: 50%;
    position: relative;
    top: 220px;
    }
.pod span:hover {text-decoration: underline; color: #fff;}
.howwecanhelp {background: url(../img/bg-howwecanhelp.png) #EDEDED no-repeat 50% 30%;}
.visitingus {background: url(../img/bg-visitingus.png) #EDEDED no-repeat 50% 30%;}
.familyandfriends {background: url(../img/bg-familyandfriends.png) #EDEDED no-repeat 50% 30%;}

/* == pods on landing pages == */
.landing-pods {margin-bottom: 20px;}

/* == content page banner == */
.content-banner {height: 106px; background: url(../img/content-banner.jpg) center repeat-x; position: relative; top: 10px;}
.wrap {margin: 0 auto 30px auto;}


/* ==========================================================================
   Content
   ========================================================================== */

.content { }
h1 {font-size: 2.5em; font-family: 'Lato', sans-serif;color:#205191; margin-top: 0px;}
h2 {font-size: 2.0em; font-family: 'Lato', sans-serif;color:#205191;}
h3 {font-size: 1.75em; font-family: 'Lato', sans-serif;color:#205191;}
.excerpt {font-size: 1.3125em; font-family: 'Lato', sans-serif; color: #666;}
p {font-size: 1em; font-family: 'Lato', sans-serif; color: #333; line-height: 1.3em;}
li {font-family: 'Lato', sans-serif;}

.breadcrumbs {margin: 0 0 15px 0; font-size: 0.75em;}
.breadcrumbs a {color: #01A3D2;}

/* ==========================================================================
   Primary Content
   ========================================================================== */

.main {margin: 60px 0 0 0;}
.page-header {margin: 0px 0 0 0; border-bottom: 0px;}



/* ==========================================================================
   Sidebar
   ========================================================================== */

.sidebar {margin: 70px 0 0 0; border-top: 5px solid #01A3D2;}
.sidebar ul, ol {
    margin: 0 0 10px 0px;
    padding: 0;
    list-style: none;
}
.sidebar li {padding: 20px 0 0 0;}
.sidebar a {font-size: 1.125em; color: #01A3D2;}
.sidebar a:hover {text-decoration: underline;}

.sidebar p {font-size: 1em; margin: 20px 0 0 0;}
.sidebar p a {font-size: 1em;}

.current_page_item a {color:#205191;}
.page_item .children {display: none;}
.current_page_item .children {display: block;margin: 5px 0 10px 30px; }
.current_page_parent .children {display: block;margin: 5px 0 10px 30px;}
.children li {list-style: disc;color: #01A3D2; margin: 0px; padding: 0px;}
.children a {font-size: 1em;}

/* ==========================================================================
   Accordion
   ========================================================================== */
   
 /*pre {background-color: #fff; border: none; padding: 0px; }
 pre code {white-space: normal;font-family: 'Lato', sans-serif; color: #555;}
 .ui-accordion {margin: 20px 0 30px 0;}
 .ui-accordion-header {border-bottom: 1px solid #ddd; padding: 0 0 0px 0; font-weight: normal;font-size: 1.3em;padding: 0px; margin:0px;}
 .ui-accordion-header-active {border-bottom: 0px;}
 .ui-accordion-content, .ui-accordion-content p {padding: 0 0 16px 0;}
*/ 
pre {background-color: #fff; border: none; padding: 0px; }
pre code {white-space: normal;font-family: 'Lato', sans-serif; color: #555;}
.ui-accordion {margin: 0;}
.ui-accordion-header {border-bottom: 1px solid #ddd; padding: 0 0 0px 0; font-weight: normal;font-size: 1.3em;padding: 0px; margin:0px;}
.ui-accordion-header-active {border-bottom: 0px;margin-bottom:10px;}

.accordion h3 {
	border-bottom: 1px solid #ddd;
}

/* ==========================================================================
   Posts
   ========================================================================== */

.hentry header { }
.hentry time { }
.hentry .byline { }
.hentry .entry-content { }
.hentry footer { }

/* ==========================================================================
   Footer
   ========================================================================== */

footer .block {display: inline-block; width: 100%;}
footer .navbar-form {float:left; margin: 0px 0 0 10px;}
footer .leave {float:right;margin: 0px 10px 0 10px;}
footer #menu-global-top-nav {float: left;margin: 10px 0 10px 0;padding: 0;}
footer #menu-global-bottom-nav {display: inline-block;float: left;margin: 25px 15px 0 0;padding: 0;}

.content-info {border-top: 5px solid #3B7DB6;}

#menu-global-bottom-nav {margin: 20px 15px 0 0; padding: 0px; float: left; display: inline-block;}
	#menu-global-bottom-nav li {float: left; padding: 0 10px 0 0; list-style: none; }
	#menu-global-bottom-nav a {color: #3A7DB6; text-decoration: none; font-size: 0.9375em;font-family: 'Lato', sans-serif; font-weight: 700;}
  #menu-global-bottom-nav a:hover {text-decoration: underline;}

.copy {float: left; color: #999;font-size: 0.8em; display: inline-block; margin: 20px 32px 0 0;border-top: 1px solid #ccc;}
.supported-nhs {float: right; margin: 20px 0 0 0; width: 250px; height: 80px; background: url(../img/kings-logo.png) no-repeat; background-position: 100%;}

/* ==========================================================================
   WordPress Generated Classes
   See: http://codex.wordpress.org/CSS#WordPress_Generated_Classes
   ========================================================================== */

.aligncenter { display: block; margin: 0 auto; }
.alignleft { float: left; }
.alignright { float: right; }
figure.alignnone { margin-left: 0; margin-right: 0; }

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media (max-width: 1200px) {
  .strap {font-size: 1.7em; padding: 20px 10px 0px 0px; line-height: 30px;}
	.need-help-block {background-color: #215191; height: 85px; border-radius: 50px; margin-top: 10px;}
	.need-help {color: #fff; font-size: 1.3em; float:left; text-align: center; padding: 13px 15px 0 25px; line-height: 1.2em; display: block;font-family: 'Lato', sans-serif;}
	.havens-centre-container {float: left; padding: 13px 0px 0 0px; display: block;}
	.havens-centre {color: #fff; font-size: 0.8em;font-family: 'Lato', sans-serif;}
	.havens-centre span {padding: 0px;}

	.wrap {margin-top: -5px; padding: 0px 15px 0 15px;}		
}

@media (max-width: 979px) {
  .main-nav {margin: 0px 0 0px 0;}
	.main-nav-bottom {display: block;}
  .main-nav-top {display: none; }
  .logo {background: url(../img/logo-sm.png) no-repeat; background-size: 150px 50px; float: none; display: block; margin: 10px 0px; height: 50px;}
  
  .home-banner {height:240px; background-size: auto;}
  .blue-bar {top: 75px; height: 105px;}
  .strap {font-size: 1.5em; padding: 13px 20px 15px 15px; line-height: 25px;}
  .need-help {color: #fff; font-size: 0.9em; float:left; text-align: center; padding: 22px 10px 0 10px; line-height: 1.2em; display: block;}
	.havens-centre {color: #fff; font-size: 0.65em;}
	.havens-centre span {padding: 0 0 0 0px;}

	.havens-centre a {font-size: 2.2em; line-height: 1.5em; text-align: left;}
	 
	 .wrap {margin-top: 20px; padding: 0px 0 15px;}
	 
	.pod {height: 230px;}
		.pod span {top: 170px; width: 150px;}
	.howwecanhelp {background-size: 120px 120px; background-position: 50% 25%;}
	.visitingus {background-size: 120px 120px; background-position: 50% 25%;}
	.familyandfriends {background-size: 120px 120px; background-position: 50% 25%;}
	  
  .sidebar {margin: 30px 0 0 0; border-top: 3px solid #01A3D2; }
  .sidebar li {padding: 7px 0 0;}
  .main {margin: 20px 0 0 0;}
  
  .row-fluid .span7 {margin-left: 20px;}
  
   footer .leave {float:left;margin: 5px 0 0 10px;}
   footer #menu-global-bottom-nav {margin-left: 10px;}
  .supported-nhs {margin-top: 20px;}
	#google_translate_element {float: left; margin: 0px 0 0 15px; border-top: 1px solid rgba(150, 150, 150, 0.45); width: 95%; padding: 10px 0;}
}

@media(max-width:767px) {
	.logo {margin: 10px 10px;}
	.home-banner {height:156px; background-size: contain; top: 0px; background-position: top;}
	.content-banner {background-size: 160%; top: 0px; background-position: top;}
	.blue-bar {top: 0px; height: 81px;}
	.strap {font-size: 1.2em; line-height: 22px; padding: 5px 10px 0px 15px;}
	.need-help-block {width: 100% !important; max-width: none; min-width: 320px; margin-top:0px; border-radius: 0px; height: 70px;}
			.content-need-help-block {margin-top: 33px;} 
	.need-help {font-size: 1.5em; padding: 5px 25px 0 25px;}
	.havens-centre-container {padding: 5px 0 0 0;}
	.havens-centre {font-size: 0.85em; text-align: left;}
	.havens-centre a {color: #fff;}
	
	.span4 .pod {margin-left:10%;}
	.pod {height: 190px;}
		.pod span {top: 150px;padding: 6px; width: 70%; border-radius: 30px; font-size: 0.7em; line-height: 12px;} 
	.howwecanhelp {background-size: 60%;}
	.visitingus {background-size: 60%;}
	.familyandfriends {background-size: 60%;}
		
	.wrap {margin-top: -5px; padding: 0 15px 0 15px;}
	.row-fluid .span3 {width: 100%;}
	.row-fluid .span8 {width: 100%; margin-top: 0px;}
	.sidebar {margin: 20px 0 20px 0; border-top: 2px solid #01A3D2; border-bottom: 2px solid #01A3D2; }
		.sidebar li {padding: 4px 0 0;}
		.sidebar {font-size: 0.8em;}
	h1 {font-size: 1.8em;}
	
	.supported-nhs {background-size: 90%;}

}

@media(max-width:480px) {
	.pod {height: 150px;}
		.pod span {top: 100px; padding: 6px; width: 60%; border-radius: 30px; font-size: 0.75em;} 

}
	
@media(max-width:320px) {
	.pod {height: 120px;}
		.pod span {top: 75px; padding: 6px; width: 60%; border-radius: 30px; font-size: 0.75em; height: 25px;} 
		.howwecanhelp {background-position: 60% 15%;}
	  .visitingus {background-position: 60% 15%;}
	  .familyandfriends {background-position: 60% 15%;}
}

/* ==========================================================================
   Site Map
   ========================================================================== */
.page-list .children {
	display: block;
}