/*
 Theme Name: OHFT CAMHS 2021
 Author URI: http://www.oxfordhealth.nhs.uk/camhs
 Description: Theme for CAMHS
 Author: Tim Bowes
 Version: 1
 */

/* COPYRIGHT (c) Oxford Health NHS Foundation Trust, 2021.
 * All Rights reserved. Author: Tim Bowes, IT Department */

/* === Reset CSS http://meyerweb.com/eric/tools/css/reset/ ===  */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}table{border-collapse:collapse;border-spacing:0;}button,input,select,textarea{font-size:100%;overflow:visible;vertical-align:baseline;width:auto;margin:0;}textarea{overflow:auto;vertical-align:text-top;}

/* === Accessibility === */

a.skip-main{left:-999px;position:absolute;top:auto;width:1px;height:1px;overflow:hidden;z-index:-999;}
a.skip-main:focus,a.skip-main:active{color:#fff;background-color:#000;left:auto;top:auto;width:30%;height:auto;overflow:auto;border-radius:15px;border:4px solid #FF0;text-align:center;font-size:1.2em;z-index:999;margin:10px 35%;padding:5px;}

@import url('https://fonts.googleapis.com/css?family=Lilita+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap');

/* === Base === */

html{font-size:100.01%;}
body {text-align:left; font:16px/24px Arial, Helvetica, sans-serif; color:#000; background:#FFFFFF url(images/bg.jpg) repeat center top;padding:0; margin: 0; -webkit-font-smoothing: antialiased;}
body a {color: #0066cc;	text-decoration: none;}
body a:hover {color: #0066cc;text-decoration: none;}
img {max-width: 100%; height: auto;}

::selection {background: #444;color: #FFF;}
::-webkit-input-placeholder { color: #999; }
:-ms-input-placeholder { color: #999; }

.wrapper{width:100%;margin:0 auto 0;}
.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.hidden {display: none;}
.left{float:left;}
.right{float:right;}
.center {text-align: center;}

/* === Accessibility === */

a.skip-main {
    left: -999px;
    position: absolute;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: -999;
}
a.skip-main:focus,
a.skip-main:active {
    color: #fff;
    background-color: #000;
    left: auto;
    top: auto;
    width: 30%;
    height: auto;
    overflow: auto;
    border-radius: 15px;
    border: 4px solid #FF0;
    text-align: center;
    font-size: 1.2em;
    z-index: 999;
    margin: 10px 35%;
    padding: 5px;
}

/* Text meant only for screen readers. */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

.sticky {}
.bypostauthor{}

/* === Typography === */

a:hover { text-decoration: underline; }
p,blockquote,ul,ol,address,dl,.wp-caption,pre {line-height: 150%;margin-bottom: 1.1em;-ms-word-wrap: break-word;word-wrap: break-word;}
p a {font-weight: bold;}

/* *:first-child { margin-top: 0; } */
*:last-child { margin-bottom: 0; }


h1, h2, h3, h4, h5 {
	margin: 2.75rem 0 1.05rem;
	font-family: 'Lilita One', Arial, Helvetica, sans-serif, cursive; line-height: 140%; 
	font-weight: normal;
	line-height: 1.15;
	color: #005EB8;
  }

  
  
  h1 {
	margin-top: 0;
	font-size: 2.2em;
	letter-spacing: -1px;
  }
  
  h2 {font-size: 1.8em; letter-spacing: -0.2px;}
  
  h3 {font-size: 1.4em; letter-spacing: -0.1px; color: #0066cc;}
  
  h4 {font-size: 1.2em; color:#425563;}
  
  h5 {font-size: 1em;}



h1+h1, h1+h2, h1+h3, h1+h4, h1+h5, h1+h6, h2+h1, h2+h2, h2+h3, h2+h4, h2+h5, h2+h6, h3+h1, h3+h2, h3+h3, h3+h4, h3+h5, h3+h6, h4+h1, h4+h2, h4+h3, h4+h4, h4+h5, h4+h6, h5+h1, h5+h2, h5+h3, h5+h4, h5+h5, h5+h6, h6+h1, h6+h2, h6+h3, h6+h4, h6+h5, h6+h6 {
	margin-top: 30px;
}



h1+h1, h1+h2, h1+h3, h1+h4, h1+h5, h1+h6, h2+h1, h2+h2, h2+h3, h2+h4, h2+h5, h2+h6, h3+h1, h3+h2, h3+h3, h3+h4, h3+h5, h3+h6, h4+h1, h4+h2, h4+h3, h4+h4, h4+h5, h4+h6, h5+h1, h5+h2, h5+h3, h5+h4, h5+h5, h5+h6, h6+h1, h6+h2, h6+h3, h6+h4, h6+h5, h6+h6 {
	margin-top: 30px;
}

blockquote {position: relative;font-size: 1em;font-weight: normal;margin: 40px 0;}
blockquote p {font-size: 1.2em;line-height: 160%;}
cite {font-size: 0.9rem;font-weight: bold;text-transform: uppercase;line-height: 140%;
	text-align: center;}

cite:before { content: "— "; }
blockquote cite {display: block;margin-top: 1em;}
blockquote cite em { font-style: italic; font-weight: bold; }

strong {font-weight: bold;}
em, q {font-style: italic; }

strong em,em strong {font-weight: bold;font-style: italic;}
big { font-size: 1.25em; }
abbr, acronym { cursor: help; }
code, kbd, pre {font-size: 0.85em;background: #EEE;font-family: Menlo, Monaco, monospace;}
.highlight {background: #fcf8a5;width: auto;display: inline;padding: 2px 3px;}
kbd,code {padding: 5px;border-radius: 3px;}
dl { line-height: 160%; }
dl dt { font-weight: bold; }
hr {width: 50%;height: 5px;background: #EEE;margin: 2em auto;border: 0;}
ul {list-style: disc;margin-left: 1.5em;}
ul ul { list-style: circle; }
ul ul ul { list-style: square; }
ol {list-style: decimal;margin-left: 1.5em;}
ol ol { list-style: lower-alpha; }
ol ol ol {list-style: lower-roman;}

ul ul,ul ol,ol ul,ol ol {margin-bottom: 0;}
li {margin-top: 0.5em;line-height: 170%;}
ol > li:last-child,ul > li:last-child {margin-bottom: 0;}
address {padding: 3% 3.5%;background: #f1f1f1;}

ul.sitemap{margin:0 10px 0;padding:0;line-height:2em; list-style-type: none;}
ul.sitemap li{margin:0 0 5px -10px;padding:0 0 0 20px;background:url(images/ul/doc.gif) no-repeat left 3px; list-style-type: none;}
ul.sitemap li li{background:url(images/ul/tree.gif) no-repeat left 3px;padding:0 0 0 25px;margin:0 0 5px -15px;}
ul.sitemap li li li{background:url(images/ul/tree.gif) no-repeat left 3px;padding:0 0 0 25px;}

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

table {	border-collapse: collapse; border-spacing: 0; empty-cells: show; width: 100%; margin-bottom: 30px;}
th,td {padding: 2%;margin: 0;overflow: visible;border-bottom: 1px solid #DDD;}
caption {text-align: center;padding: 2%;}
thead {vertical-align: bottom;white-space: nowrap;}
th { font-weight: bold; }
table tbody > tr:nth-child(odd) > td { background: #f9f9f9; }


/* Forms --------------------------------------- */




input[type="text"],input[type="email"],input[type="tel"],input[type="url"],input[type="password"],textarea {
	width: 50%;padding: 10px;border: none;color: #333;border: 1px solid #ccc;background: #fdfdfd;border-radius: 8px;
	-webkit-appearance: none;}

textarea {height: 180px;line-height: 140%;}

input[type="text"]:focus,input[type="email"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="password"]:focus,textarea:focus {
	background: #fdfdfd;outline: none;}

input[type="submit"],input[type="reset"],input[type="button"] {	
	font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 28px;
  -webkit-appearance: none;
  background-color: #007f3b;
  border: 2px solid transparent;
  border-radius: 4px;
  box-shadow: 0 4px 0 #00401e;
  box-sizing: border-box;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-weight: 600;
  margin-top: 0;
  padding: 12px 16px;
  position: relative;
  text-align: center;
  vertical-align: top;
  width: auto;
  /* 2 */
  /* 3 */
  /* 4 */
}

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover {background-color: #00662f}
input[type="submit"]:focus,input[type="submit"]:active {outline: none;}

label {margin:0;}



    .nhsuk-fieldset {
		border:0;
		margin:0;
		padding:0;
		}
		
		.nhsuk-fieldset__legend {
		font-weight:400;
		font-size:1rem;
		line-height:1.5;
		box-sizing:border-box;
		color:#212b32;
		display:table;
		margin-bottom:8px;
		margin-top:0;
		max-width:100%;
		white-space:normal;
		padding:0;
		}

		.nhsuk-fieldset__legend h3 { margin: 40px 0 10px 0;}


.nhsuk-radios--inline.nhsuk-radios--conditional .nhsuk-radios__item {
float:none;
margin-right:0;
}

.nhsuk-checkboxes__item,.nhsuk-radios__item {
font-weight:400;
font-size:1rem;
line-height:1.5;
clear:left;
display:block;
margin-bottom:8px;
min-height:40px;
position:relative;
padding:0 0 0 0px;
}

.nhsuk-checkboxes__input,.nhsuk-radios__input {
cursor:pointer;
height:40px;
left:0;
opacity:0;
position:absolute;
top:0;
width:40px;
z-index:1;
margin:0;
}

.nhsuk-label {
    font-weight:400;
    font-size:1rem;
    line-height:1.5;
    display:block;
    margin: 0 0 4px 40px;
    }

.nhsuk-checkboxes__label,.nhsuk-radios__label {
-ms-touch-action:manipulation;
cursor:pointer;
display:inline-block;
margin-bottom:0;
touch-action:manipulation;
padding:8px 12px 4px;
}
.nhsuk-radios__input+.nhsuk-radios__label::before {
	background:#fff;
	border:2px solid #4c6272;
	border-radius:50%;
	box-sizing:border-box;
	content:'';
	height:40px;
	left:0;
	position:absolute;
	top:0;
	width:40px;
	}
	
	.nhsuk-radios__input+.nhsuk-radios__label::after {
	background:#4c6272;
	border:10px solid #212b32;
	border-radius:50%;
	content:'';
	height:0;
	left:10px;
	opacity:0;
	position:absolute;
	top:10px;
	width:0;
	} 
.nhsuk-checkboxes__hint,.nhsuk-radios__hint {
display:block;
padding-left:12px;
padding-right:12px;
margin: 0 0 0 40px;
}

.nhsuk-checkboxes__input:focus+.nhsuk-checkboxes__label::before,.nhsuk-radios__input:focus+.nhsuk-radios__label::before {
border:4px solid #212b32;
box-shadow:0 0 0 4px #ffeb3b;
}

.nhsuk-checkboxes__input:checked+.nhsuk-checkboxes__label::after,.nhsuk-radios__input:checked+.nhsuk-radios__label::after {
opacity:1;
}

.nhsuk-checkboxes__input:disabled,.nhsuk-checkboxes__input:disabled+.nhsuk-checkboxes__label,.nhsuk-radios__input:disabled,.nhsuk-radios__input:disabled+.nhsuk-radios__label {
cursor:default;
}

.nhsuk-checkboxes__input:disabled+.nhsuk-checkboxes__label,.nhsuk-radios__input:disabled+.nhsuk-radios__label {
opacity:.5;
}

.nhsuk-checkboxes__divider,.nhsuk-radios__divider {
font-weight:400;
font-size:1rem;
line-height:1.5;
color:#212b32;
margin-bottom:8px;
text-align:center;
width:40px;
}


.nhsuk-label {
font-weight:400;
font-size:1rem;
line-height:1.5;
display:block;
margin-bottom:4px;
}

.nhsuk-checkboxes__label,.nhsuk-radios__label {
-ms-touch-action:manipulation;
cursor:pointer;
display:inline-block;
margin-bottom:0;
touch-action:manipulation;
padding:8px 12px 4px;
}

.nhsuk-hint {
font-weight:400;
font-size:1rem;
line-height:1.5;
color:#4c6272;
display:block;
margin-bottom:16px;
}

.nhsuk-fieldset__legend+.nhsuk-hint,.nhsuk-fieldset__legend+.nhsuk-hint {
margin-top:-4px;
}

.nhsuk-checkboxes__hint,.nhsuk-radios__hint {
display:block;
padding-left:12px;
padding-right:12px;
}


.nhsuk-checkboxes__input:focus+.nhsuk-checkboxes__label::before,.nhsuk-radios__input:focus+.nhsuk-radios__label::before {
	border:4px solid #212b32;
	box-shadow:0 0 0 4px #ffeb3b;
	}
	
	.nhsuk-checkboxes__input:checked+.nhsuk-checkboxes__label::after,.nhsuk-radios__input:checked+.nhsuk-radios__label::after {
	opacity:1;
	}
	
	.nhsuk-checkboxes__input:disabled,.nhsuk-checkboxes__input:disabled+.nhsuk-checkboxes__label,.nhsuk-radios__input:disabled,.nhsuk-radios__input:disabled+.nhsuk-radios__label {
	cursor:default;
	}
	
	.nhsuk-checkboxes__input:disabled+.nhsuk-checkboxes__label,.nhsuk-radios__input:disabled+.nhsuk-radios__label {
	opacity:.5;
	}

/* === Header === */

.header{height:140px; width: 1140px; overflow:hidden; margin: 0 auto; margin-top: 0px; }
.logo{width:200px;height:100px; margin-top: 30px; float:right; text-align: right;}
.logo img{height: 80px;width: 162px;}

#navbar{clear: both;margin: 0 auto;height: 40px;width: 100%;z-index: 150;background-color: #005EB8;}
.main_navigation {width: 1140px;margin: 0 auto 0;height: 40px;}
#navbar_left {float: left;width: 500px;height: 40px;padding: 0 0 0 0;}
#navbar_left a {color: #000;display: block;line-height: 17px;letter-spacing: -0.5;padding: 0 15px;text-decoration: none;}
#navbar_left ul {padding: 0;margin: 0;list-style: none;margin: 0 0 0 -0.8125em;}
#navbar_left li {float: left;display: block;text-align: left;font-size: 18px;font-family: 'Lilita One', Arial, Helvetica, sans-serif, cursive;margin: 0;padding: 13px 0 2px;line-height: 14px;background: none;position: relative;z-index: 200;color: #fff;font-weight: normal;}
.sitename {height: auto;width: 110px; margin: 3px 10px 0 0; float: left; background:#0072CE; padding:8px;border-radius: 3px;}
.sitename:hover {background:#000000;}
.sitename h1 a {letter-spacing: 2.5px;}
#navbar_left h1 { color:#005EB8; margin:0;  text-align: center;  font-size: 30px;letter-spacing: 2px; line-height: 100%; padding:0; } 
#navbar_left h1 a {color: #ffffff; text-decoration: none; margin:0; padding:0;  } 
#navbar_left h1 a:hover {color: #ffffff; text-decoration: none;   } 
.sitetitle {height: 40px;width: 200px; float:left; margin-right:30px;}
.sitetitle p {margin: 0; text-align: left;  line-height: 100%; padding: 10px 0 0 20px; color: #000000; font-weight: bold;}
.navbar_right {float: right;width: 400px;text-align: right;}
.social-icons {padding: 6px;}
#mobile_mast {display:none;}



/* Search */


	#searchBar {
		display:block;
	  background-color:#425563;
	  width: 100%;
	  border: none;
	  float: right;
	  text-align: center;
	  clear:both;
	}

	#toggle-search {
	  
	}


#search {
    width: 1140px;
    margin: 10px auto;
    padding: 3px;
    clear: both;
    background:  #fff;
    height: 25px;
	color: #000;
	border-radius: 3px;
}
#search h2 {
    margin: 0 0 20px;
}

#search input[type="text"], #search ::-webkit-input-placeholder, #search :-moz-placeholder, #search ::-moz-placeholder, #search :-ms-input-placeholder  {color: #000;}

#search input {
    padding: 5px 10px 0;
    color: #000;
    vertical-align: top;
    width: 1000px;
    border: none;
    background: none;
    font-size: 14px;
    margin: 0;
    float: left;
	height: auto;
	font-family: Arial, Helvetica, sans-serif, cursive;
	

}
#search input:hover {
    color: #000;
}
#search button {
    margin: 0;
    color: #000;
    padding: 0;
    background: none;
    border: none;
    float: right;
    background:none;
}
#search button:hover {
    background: none;
	color: #000;
	border: none;
}

#young_menu {float: left;width: 940px;height: 100px;margin: 20px 0 0 0;}
#young_menu a {color: #000;display: block;line-height: 17px;letter-spacing: -0.5;padding: 0 15px;text-decoration: none;}
#young_menu ul {padding: 0;margin: 0;list-style: none;margin: 0;height: 80px;}
#young_menu li {width: 134px; float: left;}
#young_menu li a {color: #005EB8;text-decoration: none;display: block; float: left; text-align: center;font-size: 18px;font-family: 'Lilita One', Arial, Helvetica, sans-serif, cursive;font-weight: normal;margin: 0;padding: 65px 0 10px;line-height: 16px;background: none;position: relative;z-index: 200; width: 110px;}

#young_menu li.need-to-know a {background: url(images/need-to-know.png) no-repeat center top; color: #E7772D;}
#young_menu li.good-advice a {background: url(images/good-advice.png) no-repeat center top; color: #63971a;}
#young_menu li.self-help a {background: url(images/self-help.png) no-repeat center top; color:#44b0e2;}
#young_menu li.get-support a {background: url(images/get-support.png) no-repeat center top; color: #4280df;}
#young_menu li.participate a {background: url(images/participation.png) no-repeat center top; color: #8569e7;}
#young_menu li.crisis a {display:none;}

#young_menu li.need-to-know a:hover {background: url(images/need-to-know_hover.png) no-repeat center top; border-bottom: solid 5px #EF8E4E; color:#EF8E4E; }
#young_menu li.good-advice a:hover {background: url(images/good-advice_hover.png) no-repeat center top; border-bottom: solid 5px #ABD175; color:#ABD175;}
#young_menu li.self-help a:hover {background: url(images/self-help_hover.png) no-repeat center top;border-bottom: solid 5px #6EBFE5;color:#6EBFE5;}
#young_menu li.get-support a:hover {background: url(images/get-support_hover.png) no-repeat center top;border-bottom: solid 5px #6C9DE5;color:#6C9DE5;}
#young_menu li.participate a:hover {background: url(images/participation_hover.png) no-repeat center top; border-bottom: solid 5px #A695E5;color:#A695E5;}



#tabsShowHide, #menuShowHide {position:absolute;left:-999em;}


.tab-menu { width: 900px; height: 25px; margin: 0 auto; position: relative;  }
.tab-menu a {color: #fff; display: block;text-decoration: none;}  
.tab-menu ul {padding:0; margin:0; font-size: 18px; font-weight: normal;list-style: none;font-family: 'Lilita One', Arial, Helvetica, sans-serif, cursive;} 
.tab-menu li {float: left; width: 160px; height: 30px; display: inline-block; text-align: center; margin:5px 10px 0; padding:7px 0; position:relative;
-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; z-index: 99;}
.tab-menu li a {text-decoration: none; display: inline-block;}
.tab-menu li:hover a {text-decoration: none; color:#000;}
.tab-menu li:hover {margin-top: 0px; height: 26px;border-bottom: 5px solid #005EB8; background: #ffffff; color: #000;}
.tab-menu li.current_page_item, .tab-menu li.current_page_item a {background: #fff; color: #000;}

.tab-group {left: 0;position: absolute;top: 0;width: 100%;height: 100%;z-index: -1;}

.tablish { width: 160px; height: 40px; display: block; -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; float: left; margin:5px 10px 0;}

.green {background:#009639; }
.purple {background:#AE2573;}
.blue {background:#41B6E6;}
.orange {background:#ED8B00;}
.yellow {background:#FFB81C; }
.red {background: #DA291C; }
.white {background: #ffffff; }




/* === Subsite Homepage === */

#section-home {padding:20px 10px 0; width:1120px;margin:20px auto; background: #fff;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}


.section-box {width: 380px; height: 380px; padding: 30px; background: #E8EDEE; display: block; margin-bottom: 20px; float: left; }
.section-box h2 {margin: 0 0 20px; color: #000; font-size: 22px; text-align: left;}
.section-tile {width: 210px; height: 210px; background: #eee; display: block; margin: 0 0 20px 20px; float: right; background-size: 210px 210px; }

.section-tile h3 {padding: 5px 5%;
width: 90%; position: relative; top: 128px; left: 0; color: #fff;
font-size: 16px; }

#sub-home {padding:30px; width:1080px;margin:20px auto; background: #fff;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;border: 1px solid #E8EDEE;}


/* === Standard Page === */

.band {width: 100%; background: #E8EDEE url("images/rainbow.jpg") no-repeat center;  height: 400px;}

.band-inner {width:1140px; height: 400px; margin: 0 auto;  }

.feature {width: 720px; height: 350px; background-color: rgba(255, 255, 255, 0.8); margin: 30px 0 0; padding: 20px 20px 0; float: left;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	border-top-left-radius: 15px;
	border-top-right-radius: 14px;}

.featured-image	{ width: 720px; height: 350px; background: #E8EDEE url("images/camhs-news.jpg") no-repeat center;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;}

.similar-posts { float: right; width: 330px; margin: 10px 0 0;}
.similar-posts h2 {color: #fff; text-shadow: 1px 1px 3px #000000;}

.next-post { background-color: rgba(255, 255, 255, 0.8); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 10px; margin: 0 0 15px;}
.next-post h3 {margin: 0; padding: 0; }
.next-post h3.next a {color: #009639;}
.next-post h3.prev a {color: #ED8B00;}


.next-post p {margin: 0; padding: 0; font-size:14px;}


.page-wrap {width: 100%; background: #E8EDEE url(images/bg-grunge.png) repeat center top;
	/* Old browsers */
background: -moz-linear-gradient(top, rgba(232, 237, 238, 1) 0%, rgba(255, 255, 255, 0.0) 75%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(232, 237, 238, 1) 0%, rgba(255, 255, 255, 0.0) 75%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(232, 237, 238, 1) 0%, rgba(255, 255, 255, 0.0) 75%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e8edee', endColorstr='#ffffff', GradientType=0);
/* IE6-9 */}

#newspage {padding:0; width:1140px;margin:0px auto; }
#newscontent {width: 700px; background: #fff;
	-webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
padding: 30px 30px 50px; margin: 0 0 50px; float: left;}

.news-side {width: 290px; background: #fff;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 20px 20px 5px; margin: 20px 0 0; float: right;}
.news-side h2 {margin: 0 0 20px;}
.news-side h3 {margin: 0; }
.news-side h3 a {color: #AE2573;}
.news-side p  {font-size:16px; margin: 0 0 20px;}

#page{padding:20px; width:1100px;margin:20px auto 40px; background: #fff;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; border: 1px solid #E8EDEE;}
#content {width: 100%;}

.pagehead {height: 120px; width: 100%;  overflow: hidden; position: relative; margin:0 0 20px;z-index:0;
-webkit-border-radius:10px;-moz-border-radius: 10px;border-radius: 10px; text-align: center; padding-top: 10px; background: #005EB8;}
.pagehead h2 {text-align: center; color: #fff; font-size:2.5em;  margin:35px 0 40px 0; padding: 0; line-height: 100%;}
.pagehead .home, .pagehead .back { height: 35px; width: 40px; font-size: 30px; position: absolute;  padding-top: 5px;
display: block; border: 2px solid #fff; -webkit-border-radius:20px;-moz-border-radius: 20px;border-radius: 25px;}
.pagehead .home {top: 40px; left: 20px;}
.pagehead .back {top: 40px; right: 20px;}
.pagehead .home:hover, .pagehead .back:hover { border-color: #fff; background: #231f20; }
.pagehead .home a, .pagehead .back a {color: #fff; }
.pagehead .home a:hover, .pagehead .back a:hover {color: #fff;}

.textblock {width:700px;margin:0 auto; padding:0;}
.textblock img {-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.textblock p,.textblock ul,.textblock ol {color:#000;}

#Q1supplementary {display: block; width: 100%; }


.sharedaddy li:before {color: #fff;}


.subsite-more {}
.subsite-more ul {margin: 0 0 100px; list-style: none; padding: 0; }
.subsite-more ul li {margin: 0 0 5px; font-weight: bold; text-indent: 0; color:#0072CE; }
.subsite-more ul li a {display: block;  padding: 10px; background: #E8EDEE url("images/go1.png") no-repeat right center; }
.subsite-more ul li a:hover {color: #fff; background: #0072CE url("images/go.png") no-repeat right center; }

p.published {font-size: 14px; color: #222; margin: 20px 0 0; width: 45%; float: left; display: block; }
p.page_tools {width: 45%; float: right; margin: 20px 0 0; text-align: right; display: block; }
p.page_tools .fa {letter-spacing: 10px; font-size: 22px; }
p.page_tools a {color: #000; }
p.page_tools a:hover {color: #005EB8; }

#snippet-box {width: 100%; margin: 30px auto;}



/* === Body Map === */

.ed-condtions {width: 160px;float: left;margin-right: 30px;padding: 0;}
ul.ed-condtions {margin:0;}
.ed-condtions ul {width: 100%;list-style: none;margin: 0 0 10px 10px;padding: 0;}
.ed-condtions li a {float: left;line-height: 100%;margin: 0 0 10px 0;padding: 15px;width: 130px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;background: url(../images/ligo.png) no-repeat 130px 14px;color: #fff;font-family: Arial, Helvetica, sans-serif;font-size: 18px;}
li.ed-brain a {background-color: #379E94;}
li.ed-hair a {background-color: #246962;}
li.ed-heart a {background-color: #75057F;}
li.ed-bones a {background-color: #591260;}
li.ed-mouth a {background-color: #75899C;}
li.ed-kidneys a {background-color: #3F617F;}
li.ed-stomach a {background-color: #79B3AD;}
li.ed-hormones a {background-color: #CF3D0F;}
.ed-condtions li a:hover {background: #333 url(images/active.gif) no-repeat 130px 14px; color: #fff; text-decoration:none; }

.ed-bodymap {width: 360px;height: 520px;margin: 10px 0 0 25px;float: left;position: relative;}
.ed-marker {position:absolute;z-index:1;height: 20px;width: 20px;border: 1px solid #fff;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;display:block;}
.ed-brain {top: 25px; left: 70px; background: #379E94;}
.ed-hair {top: 85px; right: 35px; background: #246962;}
.ed-mouth {top: 170px; right: 80px; background: #75899C;}
.ed-heart {top: 250px; left: 95px; background: #75057F;}
.ed-bones {top: 275px; right: 20px; background: #591260;}
.ed-kidneys {top: 320px; left: 95px; background: #3F617F;}
.ed-stomach {bottom: 180px; right: 80px; background: #79B3AD;}
.ed-hormones {top: 250px; right: 80px; background: #CF3D0F;}
.ed-marker:hover  {background: url(images/pulse.gif) no-repeat center; border: none;} 
.ed-marker ul {width: 100%; list-style: none; margin: 0; padding: 0;}
.ed-marker li a {float: left; line-height: 100%; margin: 0; padding: 0; width: 20%; color: #fff; display: none; }
.ed-marker li a:hover {display: block;  }

.ed-summary {width: 250px;height: 475px;float: right;margin: 10px;background: #f5f5f5;-webkit-border-radius:  6px;-moz-border-radius: 6px;border-radius: 6px;padding: 15px;overflow:scroll;}
.ed-summary h3 {margin: 0 0 20px;}



/* === Footer === */

#foot {width: 100%; /*background: url(images/denim.jpg) no-repeat center;*/background-color: rgba(0,114,206,0.9);}

#footer {margin: 0 auto 0; padding: 0; width:1140px;  }
#footer p {padding: 0;}
#footer p a {color: #ffffff;}
#footer h3{margin: 0 0 10px;}

.footer-tile {width: 25%; margin: 40px 0 20px; padding: 0; float: right; 
	background-color: #ffffff; /*border: 2px solid #DA291C;*/ padding: 20px; -webkit-border-radius:10px;-moz-border-radius: 10px;border-radius: 10px; }
	.footer-left {width: 60%; margin: 40px 0; padding: 20px; float: left;
	background-color: #ffffff; /*rgba(255, 255, 255, 0.75); border: 2px solid #ABD175; */ padding: 20px; -webkit-border-radius:10px;-moz-border-radius: 10px;border-radius: 10px;  }
	.footer-left:hover {background-color: #D8EDB7; }
.crisis-button {background-color: #DA291C; padding: 10px; -webkit-border-radius:10px;-moz-border-radius: 10px;border-radius: 10px; }
.crisis-button:hover {background-color: #000000;}
.crisis-button p {color: #ffffff; font-weight: bold; text-align: center; padding: 0; margin: 0;  }
.crisis-button p a {color: #ffffff; font-size: 18px;}
.copyright {text-align: center;}
.urgent {color: #DA291C; text-align: center; }

/* THE MEDIA QUERIES BELOW ADJUST LAYOUT FOR SMALLER DEVICES */


/* All Responsive
================================================== */	


@media only screen and (min-width: 768px) and (max-width: 1120px) {

.header{height:150px; width: 1000px; overflow:hidden; margin: 0 auto; margin-top: 0px; }
.logo{width:200px;height:100px; margin-top: 30px; float:right; text-align: right;}
.logo img{height: 80px;width: 162px;}



#young_menu {
	float: left;
	width: 700px;
	height: 100px;
	margin: 30px 0 0 0;
}


.main_navigation {width: 1000px;}
#navbar_left {width: 600px;}
#search {width: 230px;}
#search input {width: 170px;}
.tab-menu { width: 900px; height: 25px; margin: 0 auto; position: relative;}
#section-home {width:960px;}
#sub-home {width:960px;}
#page{width:960px;}
#content {width: 100%;}
.pagehead {height: 100px; width: 100%; }
.textblock {width:100%;}
#footer {margin: 0 auto 5px; padding: 0; width:1000px; }
.footer-left {width: 600px; margin: 30px 0;}
.footer-tile {width: 240px; height: 100px; margin: 30px 0 0 20px; padding: 20px; float: right; }
.footer-tile h3{font-size: 20px;}
 

} 


/* Tablet (Portrait) = Design for a width of 730px
================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) {

.header{height:150px; width: 740px; overflow:hidden; margin: 0 auto; margin-top: 0px; }
.logo{display:none;}


#young_menu {
	float: none;
	width: 680px;
	height: 100px;
	margin: 30px auto 0;
}

.tab-menu { width: 760px;}  
.tab-menu ul {font-size: 14px;} 
.tab-menu li {float: left; width: 130px; font-size: 14px; }
.active-tab {background: #fff;}
.active-tab:hover {background: #aaa; }
.active-tab a {color: #000;}
.active-tab a:hover {color: #000;}
.tablish { width: 130px;}
.main_navigation {width:760px;}
.navbar_right {width: 300px; }
#navbar_left {width: 450px; }
#navbar_left li {font-size: 14px;}

.search {width: 180px;}
.ed-condtions {width: 100px;margin-right: 20px;padding: 0;}
.ed-condtions li a {margin: 0 0 10px 0;padding: 15px 6px;width: 80px;}
.ed-bodymap {width: 360px;height: 520px;margin: 10px 0 0 0;}
.ed-summary {width: 180px;padding: 15px;overflow:scroll;}
#section-home {width:720px;}
#sub-home {width:720px;}
#page {width:720px;}
#footer{width:720px;}
#content {width: 100%;}
.footer-tile, .footer-left {width: 44%; height: 120px; margin: 30px 1% 20px; padding:2% ; float: left; font-size: 14px; border:none;}

		
}


/* Mobile (Portrait) = Design for a width of 280px
================================================== */
@media only screen and (max-width: 767px) {

#mobile_mast {display:block; width: 96%; height: 70px; background-color:#0072CE; padding: 5px 2% 0;}
#mobile_org {width: 100%; height: 20px; background-color:  #ffffff; color:#0072CE;}
#mobile_org p {font-size: 14px; font-weight: bold; text-align: center;}
#mobile_menu {float: left; width: 10%; }
#mobile_menu img, #mobile_search img {padding: 12px 0 0; margin: 0 auto 0; }
#mobile_search img {float: right;}
#mobile_search {float: right; width: 10%;}
#mobile_site {float: left; width: 80%; text-align: center;}
#mobile_site h1 {color: #fff; font-size: 32px; margin: 0; padding: 8px 0 0; text-align: center;}
#mobile_site h1:hover {background: #005EB8;}
#mobile_site h1 a {color: #fff;}

#mobile_search {float: right; width: 10%;}

.header{height:auto; width: 100%; overflow:hidden; margin: 0 auto 0; padding: 0;}
.logo, .logo img{display:none;}
.sitename {width: 100%; padding: 0; height: auto;clear: both;  }
.sitename h1 {color:#000; margin:20px 0;padding:0;text-align: center; float:none; font-size: 24px; background: none; } 

.grey {background-color: none; }

.attachment img{max-width:100%;}
.alignnone, img.alignnone,.alignleft, img.alignleft, .aligncenter, img.aligncenter, img.alignleft, img.alignright, .content img.aligncenter {display:none;}


#tabsShowHide:checked ~ .tab-menu {display:block;}
#tabsShowHide + label {display:block;padding:10px;margin: -60px 20px 0 0; width: 30px; height: 30px;text-align:center;font-weight:bold;
	background:#005EB8;color:#FFF;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;float: right;}
#tabsShowHide + label:active,
#tabsShowHide + label:focus,
#tabsShowHide + label:hover {background:#0072CE;}
#tabsShowHide + label:before {content:url("images/open-menu.png");}
#tabsShowHide:checked + label {margin: -60px 20px 0 0;}
#tabsShowHide:checked + label:before {content:url("images/close-menu.png");}
#tabsShowHide:checked ~ .tab-menu {display:block;}

.tab-menu {display:none; width: 90%; background-color: #fff; height: auto; margin: 20px auto 20px;
-webkit-border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;}
.tab-menu ul {padding: 5px 0; margin: 0; font-size: 18px; list-style: none;} 
.tab-menu li {float: none; width: 100%; height: auto; display: block; text-align: center; margin:10px auto; padding:5px 0; position:relative;
-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0; line-height: 100%;}
.tab-menu li a {text-decoration: none; color: #0072CE; padding: 5px 0;} 
.tab-menu li a:hover {text-decoration: none;  }
.tab-menu li:hover {height: auto;border-bottom:none; background: none; margin:10px auto;}
.tab-menu li.current_page_item, .tab-menu li.current_page_item a {background: #0072CE; color: #fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;
-moz-border-radius-bottomright: 5px;border-radius: 5px;width:90%;  }
.tablish { display:none;}

#young_menu {display:none;margin: 0;padding:0;height: 455px;width: 100%;float:none;background-color: #E8EDEE;padding:0;}
#young_menu a {color: #000;display: block;line-height: 17px;letter-spacing: -0.5;padding: 0 15px;text-decoration: none;}
#young_menu ul {padding: 0;margin: 0;list-style: none;margin: 0 0 30px;}
#young_menu li {width: 40%; background-color: #fff; margin: 10px 3%; padding: 20px 2% 10px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; text-align: center; }
#young_menu li a {display: block; float: none; text-align: center;font-size: 16px;font-weight: normal;margin: 20px auto 0;padding: 80px auto 10px; margin: 0; line-height: 16px;z-index: 200; width: auto; border-bottom: solid 5px #fff;  }
#young_menu li.crisis {background: #DA291C; }
#young_menu li.crisis a {display: block; background: url(images/crisis.png) no-repeat center top; color: #fff;  border-bottom: solid 5px #DA291C;}
#young_menu li.crisis a:hover { border-bottom: solid 5px #ffffff;background: url(images/crisis_hover.png) no-repeat center top;}

.main_navigation, #navbar, #main_navigation, #navbar_left {display:none; }



.navbar_right {float: right;width: 220px; margin: -30px 0 0 0; text-align: left; }
.social-icons {padding: 4px 0 0 2px; }


#searchBar {
	display:block;
  background-color:#425563;
  width: 100%;
  border: none;
  float: right;
  text-align: center;
  clear:both;
  z-index: 99;
}

#toggle-search {
  
}


#search {
width: 90%;
margin: 20px auto;
padding: 3px;
clear: both;
background:  #fff;
height: 25px;
color: #000;
border-radius: 3px;
}
#search h2 {
margin: 0 0 20px;
}

#search input[type="text"], #search ::-webkit-input-placeholder, #search :-moz-placeholder, #search ::-moz-placeholder, #search :-ms-input-placeholder  {color: #000;}

#search input {
padding: 5px 5% 0;
color: #000;
vertical-align: top;
width: 70%;
border: none;
background: none;
font-size: 14px;
margin: 0;
float: left;
height: auto;
font-family: Arial, Helvetica, sans-serif, cursive;


}
#search input:hover {
color: #000;
}
#search button {
margin: 0;
color: #000;
padding: 0;
background: none;
border: none;
float: right;
background:none;
}
#search button:hover {
background: none;
color: #000;
border: none;
}

.band {width: 100%; background: none;  height: 160px;}
.band-inner {width:100%; height: 160px; margin: 0;  }
.feature {width: 100%; height: 100%; background: none; margin:0; padding: 0; float: none;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
.featured-image	{ width: 100%; height: 100%; background: #005EB8 url("images/camhs-news.jpg") no-repeat top center; background-size:cover;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
.similar-posts { display:none;}



.page-wrap {width: 100%; background: none;padding:0;margin:0;}

#newspage {padding:0; width:100%;margin:0px auto; }
#newscontent {padding:5%; width:90%; background: #fff;-webkit-border-radius: none;-moz-border-radius: none;border-radius: none;margin: 0 0 50px; float: none; border:none;}

.news-side {width:80%; float: none; background: none;}
.news-side h2 {margin: 0 0 20px;}
.news-side h3 {margin: 0; }
.news-side h3 a {color: #AE2573;}
.news-side p  {font-size:14px; margin: 0 0 30px;}

#page{padding:5%; width:90%;margin:0 auto 0; background: #fff;-webkit-border-radius: none;-moz-border-radius: none;border-radius: none; border: none;}
#footer, #section-home, #sub-home {padding:2%; width:90%;margin:0 auto 20px;}
.wrapper {margin: 0;}
#content {width: 100%;}
.pagehead {height:auto; width: 100%; padding: 0; background-image: none; background-color: #0072CE; }
.pagehead h2 {font-size:2em;  margin:10px 0 10px 0;}
.pagehead .home, .pagehead .back { display:none;}

.textblock {width:100%;}
p.published {font-size: 14px; color: #222; margin: 50px auto 0; width: 100%; float: none; display: block; text-align:center;}
p.page_tools {width: 100%; float: none; margin: 20px auto 20px; text-align: center; display: block; }
.partners {padding: 10px 0; text-align: center;  clear: both;} 


.ed-condtions {display:none;}
.ed-bodymap {width: 360px;height: 550px;margin: 10px 0 0 0; float: none;}
.ed-summary {width: 90%; margin: 0 auto 30px; padding: 0;overflow:auto; float:none;background: none; height: auto;}



#footer {margin: 0 auto 5px; padding: 5% 5% 50px; width:90%; height: auto; }

.footer-tile, .footer-left {width: 90%; height: auto; margin: 0 0 20px; padding:5% ; float: none; font-size: 14px; border:none;}


#footer p {font-size: 14px; padding: 0;}
#footer li {font-size: 14px; margin: 0 0 5px;}
#footer ul {list-style-type: none;padding: 0;margin: 0;}
#footer li {background:none; padding: 0;}

#footer li.facebook, #footer li.twitter, #footer li.youtube, #footer li.feedback  {background: none;}


.footer-tile h3{margin: 0 0 10px; font-weight: normal;}
.footer-tile p {margin: 0 0 10px 0; padding: 0; text-align: center;}


.border-right {border-right: none; }

.footer-logo{width:138px;height:68px; margin: 20px auto; float: none; text-align: center; }
.footer-logo img{height: 68px;width: 138px; }
.copyright {text-align: center;}
.urgent {color: #DA291C}

	
		
}


/* Mobile (Landscape) = Design for a width of 480px
================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	
	
	
	
}