/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

/*ADDED*/
html {
	height: 100%;
	width: 100%;
	max-width: 100%;
	max-height: 100%;
}

html,
button,
input,
select,
textarea {
    color: #333;
}

body {
    font-size: 1em;
    line-height: 1.4;
    min-width: 320px;
}

::-moz-selection {
    background: #FFA100;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
    /* width: 100%; */
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ===== MAIN STYLES Styles =================================================
   Author: Clodagh Mahoney - Kooba - www.kooba.ie
========================================================================== */

body {
	background:#FFF;
	color:#333333;
    font:300 13px/18px  "proxima-nova", Helvetica, Helvetica Neue, Arial;
	width:100%;
	
	transition:all .2s linear; 
    -o-transition:all .2s linear; 
    -moz-transition:all .2s linear; 
    -webkit-transition:all .2s linear;
}

img {
	transition:all .2s linear; 
    -o-transition:all .2s linear; 
    -moz-transition:all .2s linear; 
    -webkit-transition:all .2s linear;
}

a {color:#333333; text-decoration: none; }
a:hover, a:focus, a:active { color:#7ab800; text-decoration:underline; }

ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

h1 {
	font:300 1.538em/1.350em "proxima-nova", Helvetica, Helvetica Neue, Arial; /*32*/
	margin:0.5em 0em 0.5em;
	padding:0px;
}

h2 {
	font:700 2.385em/1.097em Georgia, Times, serif;/*31*/
	margin:0.5em 0em 1em;
	padding:0px;
}

h3 {
	font:500 1.769em/1.182em Georgia, Times, serif;/*21*/
	margin:0.5em 0em 1em;
	padding: 0px;
}

p {
	font:300 21px/25px "proxima-nova", Helvetica, Arial, sans-serif;
	margin: 0px 0px 19px;
}

/* ==============
    MOBILE: Main
   ============== */
	
.wrapper {
	margin:0 auto;
	width:100%;
}

/* ==============
    MOBILE: Header
   ============== */
   
header {
	position: relative;
	z-index: 100;
}

/*UTILITES MENU*/

.utilities {
	background: #f5f5f5;
	display: block;
	padding: 10px;		
}

	.utilities ul {		
		list-style: none outside;
		margin: 0px -8px;
		overflow: hidden;
		text-align: center;
	}
	
	.utilities li {
		color: #1e1a1b;
		display: inline-block;
		font:300 1em/1.231em "museo-slab", Helvetica, Arial, sans-serif;
		margin:0px 8px;
	}
	
	.utilities li a {
		color: #1e1a1b;
		display: inline-block;
		text-decoration: none;
	}
	
		.utilities li a:hover {
			text-decoration: underline;				
		}

/*LOGO*/

#brand {
	background: url(/assets/templates/barnardos/img/brand_small.png) no-repeat;
	height: 64px;
	margin: 13px auto 27px;
	text-indent: -4000px;
	width:200px;
}


/* CALLS TO ACTION */

.mobile-search {
	background:#6da500;
	display: block;
	float: right;
	height: 29px;
	padding: 11px 0px 0px 0px;
	text-align: center;
	width:11%;
}

	.mobile-search:hover {
		background: #7AB800;
	}
	

.cta-wrapper {
	clear: both;
	overflow: hidden;
}

	.cta-1 {
		color: #FFF;	
		background: #b91c27;
		display: block;
		float: right;
		font:700 1em/1em "museo-slab", Helvetica, Arial, sans-serif;
		height: 27px;
		padding: 13px 0px 0px 0px;
		text-align: center;
		width: 27%; 
	}
	
		.cta-1:hover {
			background: #CD202C;
			color: #FFF;
			text-decoration: none;
		}
	
	.cta-2 {
		color: #FFF;
		background: #f79c00;
		display: block;
		float: right;
		font:700 1em/1em "museo-slab", Helvetica, Arial, sans-serif;
		height: 27px;
		padding: 13px 0px 7px 0px!important;
		text-align: center;
		text-shadow: 1px 1px 0px #ee9600;
		width: 31%; 
	}
	
		.cta-2:hover {
			background: #fdb233;
			color: #FFF;
			text-decoration: none;
		}
		
/*SEARCH*/
#search {
	display: none;
}

#search-mobile{
	display: none;
	background: #FFF;
	text-align: center;
	margin-bottom: 10px;
	margin-top: -10px;
}

	#search-mobile input[type="text"]{
		background: #FFF;
		border: 1px solid #dadada;
		border-right:0px;
		border-radius: 3px 0px 0px 3px;
			-moz-border-radius: 3px 0px 0px 3px;
			-webkit-border-radius: 3px 0px 0px 3px;
		box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		height:37px;
		padding:0px;
		width: 200px;
		display: inline-block;
		vertical-align: top;
	}
	
	#search-mobile input[type="submit"] {
		background:url(/assets/templates/barnardos/img/icon_search_small.png) no-repeat #6da500 10px 10px;
		border: 0px;
		border-radius: 0px 3px 3px 0px;
		height:37px;
		padding: 0px;
		width:37px;
		display: inline-block;
		vertical-align: top;
		margin-left: -4px;
	}


/*QUICK LINKS*/
#quick {
	display: none;
}



/* ==============
    MOBILE: NAV
   ============== */
   
nav {
	border-bottom: 1px solid #FFF;
}

	.nav-wrapper {
		box-sizing:border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;		
		width:100%;
	}


.menu-button { 
  background:#333333;
  box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	-webkit-box-sizing: border-box;
  color: #FFF;
  cursor: pointer;
  display: block;
  float: left;
  font:700 1.077em/1.143em "museo-slab", Helvetica, Arial, sans-serif;
  height: 40px;
  margin-top: -40px;
  padding: 13px 0px 0px 38px;
  position: relative;
  width: 31%; 
}

	.menu-button .touch-button {
	  background: url(/assets/templates/barnardos/img/icon_menu_small.png) no-repeat 0px 8px;
	  display: inline-block;
	  height: 40px;
	  left: 10px;
	  position: absolute;
	  top: 3px;
	  text-align: center;
	  width: 40px;
	  z-index: 999;
	}
	
	.menu-button .touch-button .navicon {
		display: none;		
	}


/* ==============
    MOBILE: BANNER HOMEPAGE
   ============== */

#slider {
	background: #231f20;
	width:100%;	
}

#slider .cycle-slideshow {
	width: 100%;
	z-index: 70;
}

#slider .banner-wrapper{
	position: relative;
}

#slider article {
	width: 100%;
	min-height: 160px;
	overflow: hidden;
	display: none; /* This prevents the flashing effect while images are loading */
}

#slider article.first{
	display: block;
}

	#slider .previous, #slider .next {
		background: url(/assets/templates/barnardos/img/icon_prevnext_small.png) no-repeat;
		height: 30px;
		position: absolute;
		text-indent: -4000px;	
		top: 50%;
		margin-top: -15px;
		width:14px;		
		/*z-index: 1000;*/
		z-index: 100;	
}
	
	#slider .previous {
		left: 5px;	
	}
		#slider .previous:hover {
			background-position: left -31px;
		}
	
	
	#slider .next {
		background-position: -288px 0px;
		right: 5px;	
	}
		#slider .next:hover {
			background-position: -288px -31px;
		}
	

	.slide-content {
		left: 30px;
		position: absolute;
		top:10px;
		width: 200px;
		z-index: 4;
	}
	
		.slide-content h2 {
			background: rgb(122, 184, 0); /*Fallback*/
			background: rgba(122, 184, 0, 0.8);
			box-sizing: border-box;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
			color: #FFF;
			display: inline-block;
			font:500 1.077em/24px "museo-slab", Helvetica, Arial, sans-serif;
			height: 32px;
			margin-bottom: 7px;
			padding: 4px 0px 3px 10px;
			position: relative;
			filter: progid:DXImageTransform.Microsoft.Shadow(color='#68900C', Direction=90, Strength=2);
			text-shadow: 1px 1px 1px #68900C;
		}
		
		.slide-content h2:after {
			border:  16px solid rgba(122, 184, 0); /*Fallback*/
			border-color: rgba(122, 184, 0) transparent rgba(122, 184, 0) rgba(122, 184, 0); /*Fallback*/
			border:  16px solid rgba(122, 184, 0, 0.8);
			border-color: rgba(122, 184, 0, 0.8) transparent rgba(122, 184, 0, 0.8) rgba(122, 184, 0, 0.8);
			content: "";
			display: block;
			position: absolute;
			right:-32px;
			top:0px;
		}
		
		.slide-content p {
			color: #FFF;
			font:500 1em/1.308em "museo-slab", Helvetica, Arial, sans-serif;
			margin:0px 0px 12px;
			filter: progid:DXImageTransform.Microsoft.Shadow(color='#111111', Direction=90, Strength=2);
			text-shadow: 0px 1px 3px #111;
		}
		
		.slide-content a.btn {
			background: rgb(255, 255, 255); /*Fallback*/
			background: rgba(255, 255, 255, 0.9);
			border-radius: 3px;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
			color: #7ab800;
			display: inline-block;
			font:700 1em/1em "museo-slab", Helvetica, Arial, sans-serif;
			padding: 5px 10px;
			text-align: center;
			text-decoration: none;
		}
		
		.slide-content a.btn:hover {
			background:#7ab800;
			color: #FFF;
		}
	
	.slide img {
		height: 170px;
		margin:0px -128px;
		width: 576px;
	}
	
	.slideshow-pager {
	  position: absolute;
	  bottom: 8px;
	  right: 0;
	  z-index: 99;
	  width: 100%;
	  padding-right: 10px;
	  text-align: right;
	}
	.slideshow-pager span {
	  display: inline-block;
	  font-family: serif;
	  font-size: 38px;
	  margin: 0 2px;
	  color: #EDEDED;
	  width: 16px;
	  height: 16px;
	  cursor: pointer;
	}
	.slideshow-pager span.cycle-pager-active {
	  color: rgb(122, 184, 0);
	}
	.slideshow-pager span:hover{
	   color: rgb(122, 184, 0);
	}	

/* ==============
    MOBILE: BANNER LANDING PAGE
   ============== */

#banner {
	background: #FFF;
	position: relative;
	width:100%;	
}


	.banner-content {
		background:url(/assets/templates/barnardos/img/brand_landingbanner_small.png) no-repeat #00985F center 12px;
		border-radius: 65px;
			-moz-border-radius: 65px;
			-webkit-border-radius: 65px;
		box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
		height: 130px;
		left: 10px;
		padding:49px 4px 0px 4px;
		position: absolute;
		text-align: center;
		top:10px;
		width: 130px;
		z-index: 4;
	}
	
	.banner-content h2 {
		color: #FFF;
		margin:0px 0px 5px 0px;
		font:700 1.154em/1.2em "museo-slab", Helvetica, Arial, sans-serif;
		text-transform: uppercase;
	}
	
	.banner-content p {
		color: #FFF;
		font:500 0.923em/1.083em "proxima-nova", Helvetica, Arial, sans-serif;
		margin: 0px;
		padding: 0px 5px;
		text-align: center;
	}
	
	#banner figure {
		height: 155px;
		overflow: hidden;
		width:320px;
	}
	
	#banner img {
		height: 155px;
		margin:0px -31px;
		width: 422px;
	}
	
	
/* ==============
    MOBILE: INTRODUCTION
   ============== */

.intro {
	padding: 20px 10px;
}
	.intro h1 {
		font:300 1.538em/1.350em "proxima-nova", Helvetica, Helvetica Neue, Arial; 
		margin:0px 0px 20px;
	}
	
	.intro h1 strong {
		font-weight:500;
	}
	
		.intro h1 a {
	color: #7ab800;
	text-decoration:underline;
			font-weight:500;
	}
	
	.intro a.btn {
		background: #6da500;
		border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
		color: #FFF;
		display: block;
		font: 700 1.308em/1em "museo-slab", Helvetica, Arial, sans-serif;
		margin:0px auto 10px;
		width: 170px;
		padding: 10px 15px;
		text-decoration: none;
		text-transform: uppercase;
	}
	
	.intro a.btn.green {
		background: #6da500;
	}
	
		.intro a.btn.green:hover {
			background:#7AB800;
		}
	
	
	.intro a.btn.red {
		background: #b91c27;
	}
	
		.intro a.btn.red:hover {
			background: #CD202C;
		}
	
	.intro a.btn span {		
		display: block;
		padding: 0px 25px 0px 0px;
	}
	
	.intro a.btn.green span {
		background: url(/assets/templates/barnardos/img/icon_arrow_darkgr_small.png) right no-repeat;
	}
	
	.intro a.btn.red span {
		background: url(/assets/templates/barnardos/img/icon_arrow_red_small.png) right no-repeat;
	}

/* ==============
    MOBILE: WHAT WE DO
   ============== */

.what-we-do {
	background:url(/assets/templates/barnardos/img/bg_greytile.jpg);
	padding: 95px 20px 0px;
}

	.what-we-do h2 {
		background: #FFF;
		box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box; 
		color: #6ea501;
		display: inline-block;
		font:500 1.231em/1.1em "museo-slab", Helvetica, Arial, sans-serif;
		height: 34px;
		left:50%;
		letter-spacing: 1px;
		margin:-65px 0px 0px -90px;
		padding: 8px 0px 0px 0px;
		position: absolute;
		text-align: center;
		text-transform: uppercase;
		width:180px;
	}
	
		.what-we-do h2:after {
			content: "";
			border:  17px solid #FFFFFF;
			border-color: #FFFFFF transparent #FFFFFF #FFFFFF;
			position: absolute;
			display: block;
			right:-34px;
			top:0px;		
		}
		
		.what-we-do h2:before {
			content: "";
			border:  17px solid #FFFFFF;
			border-color: #FFFFFF #FFFFFF #FFFFFF transparent;
			position: absolute;
			display: block;
			left:-34px;
			top:0px;
			
		}
	
	.post {
		margin:0px auto;
		width:280px;
	}
	
		.post h3 {
			color: #1e1e1e;
			font:700 1.154em/1.1em "museo-slab", Helvetica, Arial, sans-serif;
			letter-spacing: 1px;
			margin:0px 0px 11px 0px;
			text-transform: uppercase;
		}
		
		.post .figure, .post figure {
			border-bottom: 4px solid #7ab800;
			display: block;
			margin-bottom: 15px;
		}
			.post.green .figure, .post.green figure {
				border-bottom: 4px solid #7ab800;
			}
			
			.post.orange .figure, .post.orange figure {
				border-bottom: 4px solid #ebb700;
			}
			
			.post.yellow .figure, .post.yellow figure  {
				border-bottom: 4px solid #e8ce79;
			}
			
			.post.dark-green .figure, .post.dark-green figure {
				border-bottom: 4px solid #00985f;
			}
			
			.post.teal .figure, .post.teal figure {
				border-bottom: 4px solid #006778;
			}
			
			.post.lime .figure, .post.lime figure {
				border-bottom: 4px solid #c9dd03;
			}
			
		
		.post .figure img, .post figure img {
			width:100%;
		}
		
		.post p {
			font:300 1.231em/1.188em "proxima-nova", Helvetica, Arial, sans-serif;
		}
		
		.post .btn-more {
			background: url(/assets/templates/barnardos/img/icon_arrow_green_small.png) no-repeat 95% 10px #FFF;
			border: 1px solid #e9eaea;
			border-radius: 3px;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
			box-sizing: border-box;
				-moz-box-sizing:border-box;
				-webkit-box-sizing: border-box;
			color: #699e00;
			display: block;
			font: 500 1.077em/1em "museo-slab", Helvetica, Arial, sans-serif;
			margin-bottom: 30px;
			padding: 11px 36px 11px 14px;			
		}
		
			.post .btn-more:hover {
				background: url(/assets/templates/barnardos/img/icon_arrow_green_small.png) no-repeat 95% 10px #78ab00;
				color: #FFF;
				text-decoration: none;
			}
		
			
/* ==============
	MOBILE: EVENTS NEWS AREA
   ============== */
   
.events-news {
	clear: both;
	padding: 19px 0px 0px;
}

	.events-news h4 b {
		background: url(/assets/templates/barnardos/img/icon_smallbannerbrand_small.png) no-repeat;
		display: block;
		float: left;
		height: 21px;
		padding-right: 5px;
		width:25px;
	}
	
		.events-news h4 {
			background:#7ab800;		
			box-sizing: border-box;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
			color: #FFF;
			display: inline-block;
			font:500 1.077em/24px "museo-slab", Helvetica, Arial, sans-serif;
			height: 30px;
			margin:0px 0px 20px 0px;
			padding: 4px 0px 3px 10px;
			position: relative;
		}
		
		.events-news h4:after {
			border:  15px solid #7ab800;
			border-color: #7ab800 transparent #7ab800 #7ab800;
			content: "";
			display: block;
			position: absolute;			
			right:-30px;
			top:0px;			
		}

/* EVENTS */

.events {
	padding: 0px 45px 0px 45px;		
}

	.event-thumb {
		width:100%;
	}
	
		.event-thumb .figure {
			display: block;
			margin-bottom: 12px;
			width:100%;
		}
		
		.event-thumb .figure img {
			width:100%;
		}
		
		.event-thumb h3 {
			color: #383838;
			font: 500 1.231em/1.2em "proxima-nova", Helvetica, arial, sans-serif;		
			margin:0px;	
		}
		
		.event-thumb h3 a {
			color: #383838;
		}
		
		.event-thumb .date {
			color:#7cc242;
			display: block;
			font-size: 1em;
			margin-bottom: 14px;
		}
		
		.event-thumb .btn-more {
			background: #7ab800 url(/assets/templates/barnardos/img/icon_arrow_white_small.png) no-repeat 94% 12px;
			border-radius: 3px;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
			color: #FFF;
			display: inline-block;
			font: 700 0.750em/1em "museo-slab", Helvetica, Arial, sans-serif;
			margin-bottom: 28px;
			padding: 11px 32px 11px 12px;
			text-transform: uppercase;
		}
		
		.event-thumb .btn-more:hover {
			background: #6da500 url(/assets/templates/barnardos/img/icon_arrow_white_small.png) no-repeat 94% 12px;
			text-decoration: none;
		}
	
		
/* NEWS */	

.news {
	background: url(/assets/templates/barnardos/img/bg_greytile.jpg);
	padding: 19px 45px 29px 45px;	
	
}

	.news h4 {
		background:#5a8800;	
	}
	
	.news h4:after {
		border:  15px solid #5a8800;
		border-color: #5a8800 transparent #5a8800 #5a8800;
	}
	
	.events-news .news h4 {
		margin-bottom: 12px;
	}
	
	.news ul {
		list-style: none outside;
		margin: 0;
		padding: 0;
	}
	
		.news li {
			list-style-type: none;
			border-bottom: 1px solid #e6e4e4;
			color:#686868;
			font: 700 1.077em/1.286em "proxima-nova", Helvetica, Arial, sans-serif;
			font-style: italic;
			padding: 12px 0px;
		}
		
		.news li a {
			color: #686868;
		}
		
		.news li a:hover {
			color: #7ab800;
			text-decoration: none;
		}
		
		.news li .date {
			color:#8e8d8d;
			display: block;
			font-size: 13px;
		}

/* News style for the Media page latest news */		

ul.media-latest-news{
	list-style: none outside;
	margin: 0;
	padding: 0;
}

ul.media-latest-news li{
	list-style-type: none;
	border-bottom: 1px solid #e6e4e4;
	color:#686868;
	font: 700 1.077em/1.286em "proxima-nova", Helvetica, Arial, sans-serif;
	font-style: italic;
	padding: 12px 0px;
}

ul.media-latest-news li a{
	color: #686868;
}

ul.media-latest-news li a:hover{
	color: #7ab800;
	text-decoration: none;
}

ul.media-latest-news li .date{
	color:#8e8d8d;
	display: block;
	font-size: 13px;
}
	
/* ==============
    MOBILE: SOCIAL SHARING BAR
   ============== */

.social {
	clear: both;
	background: #7ab800;
	border-top:1px solid #FFF;
	padding: 18px 10px;
}


	ul.social-links {
		margin-bottom: 22px;
		text-align: center;
	}
	
		ul.social-links li {
			display: inline-block;
			margin:0px 2px;
		}
		
		ul.social-links li a {
			background: url(/assets/templates/barnardos/img/icons_social_white.png) no-repeat;
			display: inline-block;
			height: 37px;
			text-indent: -5000px;
			width:37px;
		}
		
		ul.social-links li a.fb {
			background-position: top left;			
		}
		
		ul.social-links li a.twitter {
			background-position: -45px -1px;			
		}
		
		ul.social-links li a.google {
			background-position: -90px -1px;			
		}

.newsletter-signup {
	padding: 0px 10px;
}

	.newsletter-signup h6 {
		color: #FFF;
		font:700 1.077em/1.2em "museo-slab", Helvetica, Arial, sans-serif;
		margin:0px;
		text-align: center;
		text-transform: uppercase;
	}
	
	.newsletter-signup p {
		color: #375301;
		font:400 0.938em/1.2em "proxima-nova", Helvetica, Arial, sans-serif;
		margin:0px 0px 15px 0px;
		text-align: center;
	}
	
	.newsletter-signup .btn {
		background: #ffffff;
		border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
		color: #7ab800;
		display: block;
		font: 700 1em/1.2em "museo-slab", Helvetica, Arial, sans-serif;
		margin: 0px auto 10px;
		width: 90px;
		padding: 9px 10px;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
	}
	
	.newsletter-signup .btn:hover {
		background: #4c7100;
		color: #FFF;
	}
		
/* ==============
    MOBILE: FOOTER
   ============== */
   
footer {
   background:#1e1e1e;
   padding:17px 10px;		
}

	footer address {
		color: #FFF;
		font-size: 1.077em;
		font-style: normal;
		line-height: 1.333em;
		margin: 0px auto 10px auto;
		text-align: center;
		width:210px;
	}
	
	footer .contact-details {
		color: #FFF;
		margin: 0px auto 10px auto;
		text-align: center;
		width:165px;
	}
	
	footer .contact-details p {
		font-size: 1.077em;
		line-height: 1.333em;
	}
	
	footer .contact-details span {
		display: none;
	}
	
	footer .contact-details a {
		color: #FFF;
	}

/* ==============
    MOBILE: COPYRIGHT
   ============== */

#copyright {
	background: #292929;
	padding:10px 0px 21px;
}

	#copyright .footer-links {
		text-align: center;
		margin-bottom: 19px;
	}
	
		#copyright .footer-links li {
			color: #e5e4e4;
			display: inline-block;
			margin:0px 3px;
		}
		
			#copyright .footer-links li a {
				color:#e5e4e4;
				font-size: 1em;
			}
	
	#copyright span.charity-number {
		color: #e5e4e4;
		display: block;
		text-align: center;
	}
	
		#copyright span.charity-number a {
			color: #e5e4e4;
		}
	
	#copyright a.design {
		color: #e5e4e4;
		display: block;
		font-size:0.923em;
		text-align: center;
	}

   
/* ==============
    MOBILE: LANDING PAGE MAIN PARAGRAPH
   ============== */

.main-para {
	padding: 26px 10px 0px;
}
	.main-para h1 {
		font:300 1.462em/1.263em "proxima-nova", Helvetica, Helvetica Neue, Arial; 
		margin:0px 0px 26px;
	}
	
	.main-para h1 strong {
		font-weight:500;
	}
	
		.main-para a {
		color: #7ab800;
		font-weight:500;
		text-decoration:underline;
	}



/* ==============
    MOBILE: THREE PANEL TEXT
   ============== */

.three-panel-intro {
	background:url(/assets/templates/barnardos/img/bg_greytile.jpg);
	padding: 29px 20px 0px;
}

	.three-panel-intro h2 {
		color: #6ea501;
		display: block;
		font:500 1.231em/1.1em "museo-slab", Helvetica, Arial, sans-serif;
		letter-spacing: 1px;
		margin:0px 0px 27px 0px;
		text-align: center;
		text-transform: uppercase;
	}
	
	.three-panel-intro .post .figure {
		margin-bottom: 10px;
	}
	
	.three-panel-intro .post h3 {
		font-size: 1.154em;
		letter-spacing: 0px;
		margin-bottom: 11px;
	}
	
	.three-panel-intro .post p {
		margin:0px 0px 11px 0px;
	}
	
	.three-panel-intro .post .btn-more {
		padding: 11px 26px 11px 14px;
	}

/* ==============
    MOBILE: TWO PANEL
   ============== */

.two-panel {
	background: url(/assets/templates/barnardos/img/bg_darkgreytile.jpg);
	padding: 15px 10px 10px;
}

	.two-panel .panel1 {
		background: #00985F;
		border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
		display: block;
		margin-bottom: 10px;
		padding: 7px 10px;	
		text-decoration: none;
			
	}
	
	.two-panel .panel2 {
		background: #006778;
		border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
		display: block;
		margin-bottom: 10px;
		padding: 7px 10px;
		text-decoration: none;
	}
	
	.two-panel .icon {
		display: none;
	}
	
	.two-panel h4 {
		color: #FFF;
		font:700 1.077em/1.2em "museo-slab", Helvetica, Arial, sans-serif;
		text-transform: uppercase;
		text-decoration: none;
		margin:0px 0px 8px;
	}
	
	.two-panel p {
		color: #FFF;
		font:300 1em/1.308em "proxima-nova", Helvetica, Arial, sans-serif;
		margin:0px 0px;
	}
	
	.two-panel .panel1:hover h4, .two-panel .panel1:hover p{
		color:#CCC;
		text-decoration: none;
	}
	
	.two-panel .panel2:hover h4, .two-panel .panel2:hover p{
		color:#BBB;
		text-decoration: none;
	}

/* ==============
    MOBILE: THREE PANEL LINKS
   ============== */

.three-panel-links {
	padding: 26px 20px 0px;
}
	.three-panel-links.grey {
		background: url(/assets/templates/barnardos/img/bg_greytile.jpg);
	}

	.three-panel-links h2 {
		color: #1e1e1e;
		display: block;
		font:500 1.231em/1.1em "museo-slab", Helvetica, Arial, sans-serif;
		letter-spacing: 1px;
		margin:0px 0px 27px 0px;
		text-align: center;
		text-transform: uppercase;
	}
	
	.three-panel-links .post .figure, .three-panel-links .post figure {
		margin-bottom: 0px;
	}
	
	.three-panel-links .post .action {
		background:url(/assets/templates/barnardos/img/bg_stripe_link.png);
		border-bottom: 1px solid #7ab800;
		margin-bottom: 30px;
		padding: 9px 7px 9px 9px;
	}
	
		.three-panel-links .post.green .action {
			border-bottom: 1px solid #7ab800;
		}
		
		.three-panel-links .post.orange .action {
			border-bottom: 1px solid #ebb700;
		}
		
		.three-panel-links .post.yellow .action {
			border-bottom: 1px solid #e8ce79;
		}
		
		.three-panel-links .post.dark-green .action {
			border-bottom: 1px solid #00985f;
		}
		
		.three-panel-links .post.teal .action {
			border-bottom: 1px solid #006778;
		}
		
		.three-panel-links .post.lime .action {
			border-bottom: 1px solid #c9dd03;
		}
	
	.three-panel-links .post .text-link {
		background: url(/assets/templates/barnardos/img/icon_arrow_links_green.png) no-repeat right 0px;
		color: #1e1e1e;
		display: block;
		font: 700 1.154em/1.1em "museo-slab", Helvetica, Arial, sans-serif;
	}
	
		.three-panel-links .post.green .text-link{
			background: url(/assets/templates/barnardos/img/icon_arrow_links_green.png) no-repeat right 0px;
		}
		
		.three-panel-links .post.orange .text-link {
			background: url(/assets/templates/barnardos/img/icon_arrow_links_orange.png) no-repeat right 0px;
		}
		
		.three-panel-links .post.yellow .text-link {
			background: url(/assets/templates/barnardos/img/icon_arrow_links_yellow.png) no-repeat right 0px;
		}
		
		.three-panel-links .post.dark-green .text-link {
			background: url(/assets/templates/barnardos/img/icon_arrow_links_darkgreen.png) no-repeat right 0px;
		}
		
		.three-panel-links .post.teal .text-link {
			background: url(/assets/templates/barnardos/img/icon_arrow_links_teal.png) no-repeat right 0px;
		}
		
		.three-panel-links .post.lime .text-link{
			background: url(/assets/templates/barnardos/img/icon_arrow_links_lime.png) no-repeat right 0px;
		}

/* ==============
    MOBILE: CONTENT PAGE
   ============== */	
/*SUB MENU SECTION*/
.col1 {
	background: url(/assets/templates/barnardos/img/bg_fulldarkgreytile.jpg);
	padding: 9px 0px 0px;
}

	.col1 h3 {
		background:#7ab800;		
		box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
		color: #FFF;
		display: inline-block;
		font:500 1.077em/24px "museo-slab", Helvetica, Arial, sans-serif;
		height: 26px;
		margin:0px 0px 10px 0px;
		padding: 2px 0px 3px 10px;
		position: relative;
	}
		
	.col1 h3:after {
		border:  13px solid #7ab800;
		border-color: #7ab800 transparent #7ab800 #7ab800;
		content: "";
		display: block;
		position: absolute;			
		right:-26px;
		top:0px;			
	}
	
	.col1 nav {
		border: none;
	}
	
	.col1 select {
		background: #FFF;
		border: 1px solid #FFF;
		color: #1e1e1e;
		font: 400 1.077em/1.3em "proxima-nova", Helvetica, Arial, sans-serif;
		margin-bottom: 10px;
		margin-left:10px;
		width: 300px
	}

/*SUB NAV*/

.tinynav { 
	display: block;
}

#sub-nav { 
	display: none;
}

/*NAV CTA */
.nav-cta {
	background:url(/assets/templates/barnardos/img/icon_cta_menu_small.png) no-repeat 15px 8px #f9f9f9;
	display: block;
	padding: 10px 0px 10px 45px;
}


/*MAIN CONTENT SECTION*/
.main-content {
	
}
	
	.content-panel {
		padding:16px 10px 25px;
	}
	
	/*BREADCRUMB*/
	
	.content-panel .breadcrumb {
		margin:0px 0px 20px;
	}
	
	.content-panel .breadcrumb ul {
		list-style: none outside;
		margin:0px;
		padding: 0px;
	}
	
	.content-panel .breadcrumb li {
		background: none;
		color: #727272;
		display: inline-block;
		font:500 1.077em "proxima-nova", Helvetica, Arial, sans-serif;
		margin: 0px;
		padding: 0px;
	}

	.content-panel .breadcrumb li a {
		color: #010101;
		text-decoration:none;
	}
	
	.content-panel .breadcrumb li a:hover {
		color: #7cc242;
	}
	
	/*SHARING OPTIONS*/
	.sharing-options {
		margin-bottom: 20px;
	}
	

	.content-panel h1 {
		color: #7ab800;
		font:500 1.692em/1.3em "museo-slab", Helvetica, arial, sans-serif;
		margin: 25px 0px 20px;
	}
	
	.content-panel h2 {
		color: #7ab800;
		font:500 1.462em/1.3em "museo-slab", Helvetica, arial, sans-serif;
		margin: 25px 0px 15px;
	}


	.content-panel h3 {
		color: #7ab800;
		font:500 1.231em/1.3em "museo-slab", Helvetica, arial, sans-serif;
		margin: 25px 0px 12px;
	}
	
	.content-panel h4, .content-panel h5, .content-panel h6 {
		color: #1e1e1e;
		font:500 1.231em/1.3em "museo-slab", Helvetica, arial, sans-serif;
		margin: 25px 0px 10px;
	}

	
	.content-panel p {
		font:400 1.077em/1.429em "proxima-nova", Helvetica, arial, sans-serif;
	}

		.content-panel strong {
			font-weight: 600;
		}

/* styles added by Jean for content panel links */

	.content-panel a {
		color: #7ab800;
		font-weight: 500;
		text-decoration:underline;
	}
	
		.content-panel a:hover {
		color: #006778;
	}
	

.content-panel img {
		margin-bottom: 20px;
		max-width:100%;
	}
	
	.content-panel ul {
		list-style: disc;
		margin:0px;
		margin-bottom: 20px;
		padding: 0px;
	}
	
		.content-panel ul li {
			background: url(/assets/templates/barnardos/img/bg_bullet.png) no-repeat left 4px;
			display:block;
			font:400 1.077em/1.429em "proxima-nova", Helvetica, arial, sans-serif;
			margin: 0px 0px 4px 0px;
			padding: 0px 0px 0px 20px;		
		}
	
	.content-panel ol {
		color: #7ab800;
		list-style-type: decimal;
		margin:0px 0px 0px 20px;
		padding:0px;
	}
	
		.content-panel ol li {
			color: #333;
			display:list-item;
			font:400 1.077em/1.429em "proxima-nova", Helvetica, arial, sans-serif;
			margin: 0px 0px 4px 0px;
			padding: 0px 0px 0px 0px;		
		}

	.content-panel a.btn_green, .submit_green, a.btn-green, .submit-green{
		background: #6da500;
		border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
		color: #FFF;
		display: inline-block;
		font: 700 1.2em/1em "museo-slab", Helvetica, Arial, sans-serif;
		margin: 10px 0;
		min-width: 150px;
		padding: 10px 15px;
		text-decoration: none;
		text-transform: uppercase;
		text-align: center;
		background: #6da500;
		-webkit-box-shadow: none;
		        box-shadow: none;
		outline: none;
		border: none;
	}	
	
	.content-panel a.btn_green:hover, .submit_green:hover, a.btn-green:hover, .submit-green:hover{
		background:#7AB800;
		color: #FFF;
	}

	.content-panel a.btn_red, .submit_red, a.btn-red, .submit-red{
		background: #6da500;
		border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
		color: #FFF;
		display: inline-block;
		font: 700 1.2em/1em "museo-slab", Helvetica, Arial, sans-serif;
		margin: 10px 0;
		min-width: 170px;
		padding: 10px 15px;
		text-decoration: none;
		text-transform: uppercase;
		text-align: center;
		background: #b91c27;
		-webkit-box-shadow: none;
		        box-shadow: none;
		outline: none;	
		border: none;			
	}	
	
	.content-panel a.btn_red:hover, .submit_red:hover, a.btn-red:hover, .submit-red:hover{
		background:#CD202C;
		color: #FFF;
	}

	#mc_embed_signup .button{
		background: #6da500;
		border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
		color: #FFF;
		display: inline-block;
		font: 700 1.2em/1em "museo-slab", Helvetica, Arial, sans-serif;
		margin: 10px 0;
		min-width: 150px;
		padding: 10px 15px;
		text-decoration: none;
		text-transform: uppercase;
		text-align: center;
		background: #6da500;
		-webkit-box-shadow: none;
		        box-shadow: none;
		outline: none;
		border: none;
	}

	#mc_embed_signup .button:hover{
		background:#7AB800;
		color: #FFF;
	}

/* SEE ALSO SECTION */

.col3 {
	background: url(/assets/templates/barnardos/img/bg_greytile.jpg);
	padding: 18px 20px 8px;
}
	.col3 h4 {
		border-bottom: 3px solid #cdcccc;
		color: #9c9c9c;
		font:500 1.077em/1.3em "museo-slab", Helvetica, Arial, sans-serif;
		margin:0px 0px 10px 0px;
		padding-bottom: 9px;
	}

	.col3 ul{
		list-style-type: none;
		margin-bottom: 10px;
	}

	.col3 ul li{
		padding:10px 0;
		border-top: 1px solid #BBB;
	}

	.col3 ul li:first-child{
		border-top: none;
	}	

	.col3 .block {
		margin:0px auto;
		width:280px;
	}
		.col3 .block .figure {
			border-bottom: 4px solid #7ab800;
		}
		
			.col3 .block.green .figure {
				border-bottom: 4px solid #7ab800;
			}
			
			.col3 .block.orange .figure {
				border-bottom: 4px solid #ebb700;
			}
			
			.col3 .block.yellow .figure {
				border-bottom: 4px solid #e8ce79;
			}
			
			.col3 .block.dark-green .figure {
				border-bottom: 4px solid #00985f;
			}
			
			.col3 .block.teal .figure {
				border-bottom: 4px solid #006778;
			}
			
			.col3 .block.lime .figure {
				border-bottom: 4px solid #c9dd03;
			}
			
		
		.col3 .block .figure img {
			width:100%;
		}

	.col3 .block .action {
		background:url(/assets/templates/barnardos/img/bg_stripe_link.png);
		border-bottom: 1px solid #7ab800;
		margin-bottom: 30px;
		padding: 9px 7px 9px 9px;
	}
	
		.col3 .block.green .action {
			border-bottom: 1px solid #7ab800;
		}
		
		.col3 .block.orange .action {
			border-bottom: 1px solid #ebb700;
		}
		
		.col3 .block.yellow .action {
			border-bottom: 1px solid #e8ce79;
		}
		
		.col3 .block.dark-green .action {
			border-bottom: 1px solid #00985f;
		}
		
		.col3 .block.teal .action {
			border-bottom: 1px solid #006778;
		}
		
		.col3 .block.lime .action {
			border-bottom: 1px solid #c9dd03;
		}
	
	.col3 .block .text-link {
		background: url(/assets/templates/barnardos/img/icon_arrow_links_green.png) no-repeat right 0px;
		color: #1e1e1e;
		display: block;
		font: 700 1.154em/1.1em "museo-slab", Helvetica, Arial, sans-serif;
	}
	
		.col3 .block.green .text-link{
			background: url(/assets/templates/barnardos/img/icon_arrow_links_green.png) no-repeat right 0px;
		}
		
		.col3 .blockorange .text-link {
			background: url(/assets/templates/barnardos/img/icon_arrow_links_orange.png) no-repeat right 0px;
		}
		
		.col3 .block.yellow .text-link {
			background: url(/assets/templates/barnardos/img/icon_arrow_links_yellow.png) no-repeat right 0px;
		}
		
		.col3 .block.dark-green .text-link {
			background: url(/assets/templates/barnardos/img/icon_arrow_links_darkgreen.png) no-repeat right 0px;
		}
		
		.col3 .block.teal .text-link {
			background: url(/assets/templates/barnardos/img/icon_arrow_links_teal.png) no-repeat right 0px;
		}
		
		.col3 .block.lime .text-link{
			background: url(/assets/templates/barnardos/img/icon_arrow_links_lime.png) no-repeat right 0px;
		}

/* Sponsor Nav */

.content-panel ul.sponsor_nav{
	padding-bottom: 14px;
	margin-top: 10px;
	text-align: center;
}

.content-panel ul.sponsor_nav li{
	list-style-type: none;
	background: none;
	display: block;
	padding: 0;
	margin: 0;
	margin-bottom: 15px;
	position: relative;
}

.content-panel ul.sponsor_nav li a{
	text-decoration: none;
	text-transform: uppercase;
	color: #FFF;
	font-size: 14px;
	background: #6DA500;
	padding: 5px 8px;
	-webkit-border-radius: 3px;
	        border-radius: 3px;
}

.content-panel ul.sponsor_nav li a:hover{
	background: #7AB800;	
}

.content-panel ul.sponsor_nav li.active a{
	background: #B91C27;	
}

/* Narrow Wrapper Header & Footer */		

header.col500 .wrapper{
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
}

header.col500 .wrapper #brand{
	margin: 20px auto;
	float: none;
}

header.col500 .wrapper #search, header.col500 .wrapper #search-mobile{
	margin: 10px auto;
	float: none;
}

footer.col500 address{
	text-align: center;
	float: none;
}

footer.col500 .contact-details{
	text-align: center;
	float: none;
}

#copyright.col500 ul.footer-links{
	text-align: center;
	float: none;
}

#copyright.col500 span.charity-number{
	text-align: center;
	float: none;
	margin: 4px auto;
}

#copyright.col500 a.design{
	float: none;
	text-align: center;
	margin: 4px auto;
}

/* Forms */

article form{
	margin: 20px 0;
	padding: 0 10px;
	  box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

article form p, article fieldset p{
	margin-bottom: 0;
}

article form label{
	display: block;
	margin-bottom: 10px;
	font-size: 16px;
}

article form input:not([type="radio"]), article form textarea{
	display: block;
	border: none;
	outline: none;
	background: #f0f2f4;
	color: #2b2b2b;
	font-size: 14px;
	line-height: 18px;
	color: #666;
	margin-bottom: 20px;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

article form input, article form textarea{
	padding: 15px;
	width: 100%;
}

article form select{
	display: inline-block;
	margin: 0 10px;
}

article form textarea{
	min-height: 140px;
}

article form div.input-group label{
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 8px;
}

article form#signup_form label,
article form#regform label{
	display: inline-block;
}

article .left-label label{
	display: inline-block;
}

article label.left-label{
	display: inline-block;
}

article form input[type="button"], article form input[type="submit"], article form input[type="image"]{
	display: inline-block;
	width: auto;
	padding: 10px 15px !important; /* Overriding MailChimp's styles */
}

article form input:focus, article form textarea:focus{
	background: #eaeaea;
}

article form input[type="checkbox"], article form input[type="radio"]{
	display: inline-block;
	width: auto;
	margin-right: 10px;
	margin-bottom: 0;
}

.content-panel article form ul li{
	list-style-type: none;
	background: none;
	margin: 0;
	padding: 0;
}

#mc_embed_signup p{
	margin-bottom: 10px;
}

div.googlesearchbox{
	padding: 5px 10px;
}

::-webkit-input-placeholder {
   color: #2b2b2b;
}

:-moz-placeholder { /* Firefox 18- */
   color: #2b2b2b; 
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #2b2b2b; 
}

:-ms-input-placeholder {  
   color: #2b2b2b;
}

/* Tables */

article table.plain {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 20px 0;
  width: 100%;
  padding: 0;
  border: 1px solid #ccc;
}
article table.plain tr {
  text-align: left;
  background: #fff;
  color: #808080;
  border-bottom: 1px solid #d2d4d3;
}
article table.plain tr img {
  max-width: 100%;
}
article table.plain tr th {
  width: 19%;
  border-collapse: separate;
  background: #f7f7f7;
  color: #888;
  border-right: 1px solid #CCC;
  font-weight: 400;
  padding: 6px;
  font-size: 11px;
}
article table.plain tr td {
  width: 19%;
  padding: 8px;
  border-right: 1px solid #CCC;
  font-size: 11px;
}
article table.plain tr td img {
  max-width: 100%;
}
article table.plain tr input {
  text-align: center;
  color: #808080;
  padding: 3px;
  font-weight: normal;
  border: 1px solid #CCC;
}
article table.plain tr td:last-child {
  width: 19%;
}
article table.plain tr:last-child {
  width: 5%;
}

/* Why Donate */

#why-donate .wrapper{
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 10px 20px;
	max-width: 340px;
}

#why-donate .header .wrapper,
#why-donate .footer .wrapper{
	padding: 10px 0;
}

#why-donate header{
	background: #FFF;
}

#why-donate article:nth-child(even){
	background: #F7F7F7;
	background: url(/assets/templates/barnardos/img/bg_greytile.jpg);
}

#why-donate article.even{
	background: #F7F7F7;
	background: url(/assets/templates/barnardos/img/bg_greytile.jpg);
}

	#why-donate article figure{
		margin: 10px auto 20px auto;
	}

		#why-donate article figure img{
			max-width: 100%;
		}

#why-donate article h1{
	font: 300 21px/25px "proxima-nova", Helvetica, Arial, sans-serif;
	padding: 0 10px;
}

#why-donate article h1 a{
	color: #7AB800;
	font-weight: 500;
	text-decoration: underline;	
}

#why-donate article h2{
	color: #1E1E1E;
	font: 500 1.231em/1.1em "museo-slab", Helvetica, Arial, sans-serif;
	text-align: center;
	text-transform: uppercase;
}

#why-donate .header,
#why-donate .footer{	
	text-align: center;
}

#why-donate .header a.btn,
#why-donate .footer a.btn{
	margin-top: 5px;
	padding: 14px 16px;
	width: 200px;
}

#why-donate article p{
	font: 300 1.231em/1.188em "proxima-nova", Helvetica, Arial, sans-serif;
	margin: 0px 0px 20px 0px;
}

#why-donate article ul{
	margin-bottom: 20px;
	margin-left: 15px;
	list-style-type: disc;
}

	#why-donate article ul li{
		font: 300 16px/1.188em "proxima-nova", Helvetica, Arial, sans-serif;
		margin: 8px 0;
		padding-left: 5px;
	}

#why-donate a.btn {
	background: #6da500;
	border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	color: #FFF;
	display: block;
	font: 700 1.308em/1em "museo-slab", Helvetica, Arial, sans-serif;
	margin:0px auto 10px;
	width: 170px;
	padding: 10px 15px;
	text-decoration: none;
	text-transform: uppercase;
	}
	
#why-donate a.btn.green {
		background: #6da500;
	}
	
		#why-donate a.btn.green:hover {
			background:#7AB800;
		}
	
	#why-donate a.btn.red {
		background: #b91c27;
	}
	
		#why-donate a.btn.red:hover {
			background: #CD202C;
		}
	
	#why-donate a.btn span {		
		display: block;
		padding: 0px 25px 0px 0px;
	}	
	
	#why-donate a.btn span {
		background: url(/assets/templates/barnardos/img/icon_arrow_red_small.png) right no-repeat;
	}

	#why-donate .header a.btn span,
	#why-donate .footer a.btn span {
		background: url(/assets/templates/barnardos/img/icon_arrow_darkgr_small.png) right no-repeat;
	}	

	#why-donate article.green a.btn span {
		background: url(/assets/templates/barnardos/img/icon_arrow_darkgr_small.png) right no-repeat;
	}	

/* Why Donate - Colour Options */

#why-donate article.green h2{
	color: #7AB800;
}

#why-donate article.green figure img{
	border-bottom: 4px solid #7AB800;
}

#why-donate article.green a.btn{
	background: #6DA500;
}

	#why-donate article.green a.btn:hover{
		background: #7AB800;
	}

#why-donate article.red h2{
	color: #B91C27;
}

#why-donate article.red figure img{
	border-bottom: 4px solid #B91C27;
}

	#why-donate article.red a.btn{
		background: #B91C27;
	}
	
		#why-donate article.red a.btn:hover {
			background: #CD202C;
		}

#why-donate article.teal h2{
	color: #006778;
}

#why-donate article.teal figure img{
	border-bottom: 4px solid #006778;
}

	#why-donate article.teal a.btn{
		background: #006778;
	}
	
		#why-donate article.teal a.btn:hover {
			background: #007588;
		}

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

   
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    
    #dd_terms_lnk_mobile{
        display:inline-block!important;
    }
    
    #dd_terms_lnk_desktop{
        display:none!important;
    }
    
    #biciban_mobile{
        display:block!important;
    }
    
    #biciban_desktop{
        display:none!important;
    }
}
   
@media only screen and (min-width: 480px) {
    
    
/* ====================
	MIDDLE: HEADER
   ==================== */

.cta-2 {
	height: 27px;
	padding: 13px 0px 0px 0px;
}

/* ====================
    MIDDLE: BANNER HOMEPAGE
   ==================== */
.slide figure {
	height: 170px;
	width:480px;
}

.slide img {
	margin:0px -48px;
}

/* ==============
    MIDDLE: BANNER LANDING PAGE
   ============== */

.banner-content {
	border-radius: 75px;
		-moz-border-radius: 75px;
		-webkit-border-radius: 75px;
	height: 150px;
	left: 20px;
	padding:49px 4px 0px 4px;
	top:20px;
	width: 150px;
	z-index: 4;
}


#banner figure {
	height: auto;
	overflow: hidden;
	width:100%;
}

#banner img {
	height: auto;
	margin:0px;
	width:100%;
}
	
/* ===================
	MIDDLE: EVENTS NEWS
  =================== */

.events {
	padding: 0px 125px 0px 125px;		
}

.news {	
	padding: 19px 125px 29px 125px;	
}

}

@media only screen and (min-width: 576px) {

/* ====================
    MIDDLE: BANNER HOMEPAGE
   ==================== */
.slide figure {
	height: auto;
	width:100%;
}

.slide img {	
	height: auto;
	margin:0px;
	width:100%;
}

}

   

@media only screen and (min-width: 760px) {
/* ==============
    INTERMEDIATE: IPAD / TABLET BOTH ORIENTATIONS
   ============== */
body {
	font-size:16px;
	line-height:24px;	
}

/* ==============
   INTERMEDIATE: HEADER
   ============== */

/* UTILITIES MENU */

.utilities {
	padding: 8px 296px 8px 10px;
}

	.utilities ul {
		margin-left: 10px;
		text-align: right;
	}
	
	.utilities li {
		font-size: 0.813em;
	}

/* LOGO */
	
#brand {
	float: left;
	margin:20px 0px 25px 10px;
}

/* CALLS TO ACTION */
	
.cta-wrapper {
	position: absolute;
	right: 10px;
	top:0px;
	z-index: 500;
}	

	.mobile-search {
		display: none;
	}
	
	.cta-1, .cta-2 {
		margin-left:4px;
		padding: 7px 10px 0px 10px;
		width:116px;
	}
	
		.cta-1 {
			font-size: 1.063em;
			padding: 13px 10px 0px 10px;
		}
		
		.cta-2 {
			font-size: 1.063em!important;
			height: 27px!important;
		}

/*SEARCH*/

#search-mobile{
	display: none;
}

#search{
	display: block;
	float: right;
	margin:44px 0px 0px 0px;
	width:176px;
}

	#search input[type="text"]{
		background: #FFF;
		border: 1px solid #dadada;
		border-right:0px;
		border-radius: 3px 0px 0px 3px;
			-moz-border-radius: 3px 0px 0px 3px;
			-webkit-border-radius: 3px 0px 0px 3px;
		box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		display: block;
		float: left;
		height:37px;
		padding:0px;
		width: 139px;
	}
	
	#search input[type="submit"]{
		background:url(/assets/templates/barnardos/img/icon_search_small.png) no-repeat #6da500 10px 10px;
		border: 0px;
		border-radius: 0px 3px 3px 0px;
		display: block;
		float: left;
		height:37px;
		padding: 0px;
		width:37px;	
	}

/*QUICK LINKS*/

#quick {
	display: block;
	float: right;
	margin:44px 10px 0px 8px;
	width:176px;
}

	#quick select {
		background: #f2f2f2;
		color: #1e1e1e;
		font:300 0.875em/1em "museo-slab", Helvetica, Arial, sans-serif;
		height: 37px;
		width:176px;
		position: relative;
		z-index: 999;
	}
	
	#quick option {
		color: #1e1e1e;
		font:300 0.875em/1em "museo-slab", Helvetica, Arial, sans-serif;
	}


/* ==============
   INTERMEDIATE: NAV
   ============== */
   
.nav-wrapper {
	margin:0px auto;
	max-width: 1000px;
	padding: 0px;
}

/*SOME STYLING IN FLEXNAV.CSS*/
nav li.item-with-ul ul {
	display: block;
	position:absolute;
	top:-80px;
	z-index: 1000;
}

/* ==============
   INTERMEDIATE: BANNER HOMEPAGE
   ============== */

#slider .previous, #slider .next {
	background: url(/assets/templates/barnardos/img/icon_prevnext_med.png) no-repeat;
	height: 38px;
	width:18px;		
}

	#slider .previous {
		left:8px;
	}
		#slider .previous:hover {
			background-position: left -40px;
		}
	
	#slider .next {
		background-position: -116px 0px;
		right:8px;
	}
		#slider .next:hover {
			background-position: -116px -40px;
		}
	
.slide-content {
	left:40px;
	top:28px;
	width:460px;
}  

	.slide-content h2 {
		font-size:2.375em;
		height: 60px;
		margin:0px 0px 20px;
		padding-top:12px;
		text-shadow: 2px 2px 2px #68900c;
	}
	
	.slide-content b {
		background: url(/assets/templates/barnardos/img/icon_bannerbrand_med.png) no-repeat;
		display: inline-block;
		height: 31px;
		padding-right: 6px;
		width:36px;
	}
	
	.slide-content h2:after {
		border:  30px solid rgba(122, 184, 0); /*Fallback*/
		border-color: rgba(122, 184, 0) transparent rgba(122, 184, 0) rgba(122, 184, 0); /*Fallback*/
		border:  30px solid rgba(122, 184, 0, 0.8);
		border-color: rgba(122, 184, 0, 0.8) transparent rgba(122, 184, 0, 0.8) rgba(122, 184, 0, 0.8);	
		right:-60px;	
	}
	
	.slide-content p {
		font:500 1.063em/1.294em "museo-slab", Helvetica, Arial, sans-serif;
		margin-bottom: 25px;
		padding-right: 80px;
	}
	
	.slide-content a.btn {
		font-size:0.813em;
		padding: 13px 15px;
	}
	
	
.slide figure {
	height: 282px;
}

	.slide img {
		height: auto;
		margin: 0px -98px;
		min-height: 282px;	
		width: 956px;	
	}
	
.slideshow-pager {
  bottom: 15px;
  padding-right: 0;
  text-align: center;
}


/* ==============
    INTERMEDIATE: BANNER LANDING PAGE
   ============== */

.banner-content {
	background:url(/assets/templates/barnardos/img/brand_landingbanner_med.png) no-repeat #00985F center 15px;
	border-radius: 112px;
		-moz-border-radius: 112px;
		-webkit-border-radius: 112px;
	height: 224px;
	left: 20px;
	padding:92px 8px 0px 8px;
	top:29px;
	width: 224px;
	z-index: 4;
}

	.banner-content h2 {
		font-size: 1.500em;
		margin-bottom: 10px;
	}
	
	.banner-content p {
		font-size: 1em;
		line-height:1.200em;
		padding: 0px 30px;
	}
	

/* ==============
    INTERMEDIATE: INTRO MESSAGE
   ============== */
   
.intro {
	padding:27px 20px;
}

	.intro h1 {
		font-size:1.188em;
		float: left;
		line-height:1.474em;
		margin-right:1%;
		margin-bottom: 0px;
		width:73%;
	}
	
	.actions {
		float: right;
		width:26%;
	}
	
	.intro a.btn {
		box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		font: 700 0.875em/1em "museo-slab", Helvetica, Arial, sans-serif;
		margin: 0px 0px 4px 0px;
		padding:13px 8px 13px 10px;
		width:100%;
	}

/* ==============
    INTERMEDIATE: WHAT WE DO
   ============== */

.what-we-do {
	padding:75px 20px 30px 5px;
}
	.what-we-do .wrapper {
		margin:0px auto;
		width:735px;
	}

	.what-we-do h2 {
		margin-top:-57px;
		font-size: 1.063em;
		width: 160px;
	}


	.what-we-do figure {
		font-size:18px;
		line-height: 21px;
	}

	.post {
		box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		float: left;
		margin-left:15px;
		width: 230px;
	}
	
		.post .figure, .post figure {
			border-bottom: 3px solid #7ab800;
			margin-bottom: 11px;
		}
			.post.green .figure, .post.green figure {
				border-bottom: 3px solid #7ab800;
			}
			
			.post.orange .figure, .post.orange figure {
				border-bottom: 3px solid #ebb700;
			}
			
			.post.yellow .figure, .post.yellow figure {
				border-bottom: 3px solid #e8ce79;
			}
			
			.post.dark-green .figure, .post.dark-green figure {
				border-bottom: 3px solid #00985f;
			}
			
			.post.teal .figure, .post.teal figure {
				border-bottom: 3px solid #006778;
			}
			
			.post.lime .figure, .post.lime figure {
				border-bottom: 3px solid #c9dd03;
			}
			
	
	.post h3 {
		font-size: 0.875em;
		letter-spacing: 0px;
	}
	
	.post p {
		font-size: 0.875em;
		line-height:1.267em;
	}
	
	.post .btn-more {
		font-size:0.875em;
		line-height: 1.2em;
		margin-bottom: 0px;
	}


/* ============
   INTERMEDIATE: EVENTS / NEWS STRIP
   ============= */

.events-news {
	clear: both;
	padding: 19px 0px 0px;
}

.events {
	margin: 0px auto;	
	padding: 0px 0px 0px 0px;
	width:540px;
}

	.events-news .events h4 {
		margin-left:20px;
		margin-bottom:15px;
	}

	.event-wrapper {
		clear: both;
	}
	
	.event-thumb {
		float: left;
		margin-left: 20px;
		width:240px;
	}
	
	.event-thumb h3 {
		font-size:1.125em;
	}
	
	.event-thumb .date {
		font-size:0.875em;
		margin-bottom: 9px;
	}
	
	.event-thumb .btn-more {
		font-size: 0.813em;
		margin-bottom: 20px;
		padding-right:40px;
	}
	
.news {
	padding: 23px 0px 19px 0px;
}

	.events-news .news h4 {
		margin-bottom:5px;
	}
	
.news-wrapper {
	margin: 0px auto;	
	width:500px;
}

	.news li {
		font-size: 0.875em;
	}

ul.media-latest-news li{
	font-size: 0.875em;
}
	
/* ==============
    INTERMEDIATE: SOCIAL SHARING BAR
   ============== */
.social {
	padding: 11px 18px;
	overflow: hidden;
}

	.social .wrapper {
		margin:0px auto;
		width:750px;
	}
	
ul.social-links {
	float: left;
	margin-right: 10px;
	margin-bottom: 0px;
	padding: 9px 0px 0px 0px;
	text-align: left;
	width: 215px;	
}

.newsletter-signup {
	background: url(/assets/templates/barnardos/img/icon_mail_large.png) no-repeat left top;
	float: left;
	padding: 0px 0px 0px 100px;
	width:400px;
}

	.newsletter-signup h6 {
		float: left;
		font-size:0.875em;
		margin-bottom: 3px;
		text-align: left;
		width:215px;
	}
	
	.newsletter-signup p {
		float: left;
		font-size: 0.938em;
		margin-bottom: 0px;
		text-align: left;
		width: 215px;
	}
	
	.newsletter-signup .btn {
		float: right;
		font-size:0.938em;
		letter-spacing: 1px;
		margin:-8px 0px 0px 0px;
		padding: 11px 24px;
	}

/* ==============
    INTERMEDIATE: FOOTER
   ============== */
   
footer {
   padding:24px 18px;		
}

	footer address {
		float:left;
		font-size: 0.875em;
		line-height: 1.333em;
		text-align: left;
	}
	
	footer .contact-details {
		float: right;
		font-size: 0.875em;
		line-height: 1.333em;
		text-align: right;
		width:345px;
	}
	
	footer .contact-details span {
		display: inline-block;
		margin:0px 6px;
	}
	

/* ==============
    INTERMEDIATE: COPYRIGHT
   ============== */

#copyright {
	background: #292929;
	padding:14px 18px 14px 14px;
}

	#copyright .footer-links {
		float: left;
		margin-bottom: 0px;
		text-align: left;
		width:380px;
	}
	
		#copyright .footer-links li {
			margin:0px 4px;
		}
		
			#copyright .footer-links li a {
				font-size: 0.813em;
			}
	
	#copyright span.charity-number {
		float: left;
		font-size: 0.813em;
		text-align: center;
		width:180px;
	}
	
		#copyright span.charity-number a {
			color: #e5e4e4;
		}
	
	#copyright a.design {
		font-size:0.750em;
		float: right;
		text-align: right;
		width:130px;
	}


/* ==============
    INTERMEDIATE: LANDING PAGE MAIN PARAGRAPH
   ============== */

.main-para {
	padding: 24px 20px 0px;
}
	.main-para h1 {
		font-size:1.188em;
		line-height:1.263em; 
		margin:0px 0px 24px;
	}


.main-para h2 {
font-size:1.0em;
line-height:1.0em;
margin:0px 0px 24px;
font:500 1.462em/1.263em "museo-slab", Helvetica, Helvetica Neue, Arial;
color: #7ab800;
}

/* ==============
    INTERMEDIATE: THREE PANEL INTRO
   ============== */

.three-panel-intro {
	padding:28px 20px 30px 5px;
}
	.three-panel-intro .wrapper {
		margin:0px auto;
		width:735px;
	}

	.three-panel-intro h2 {		
		font-size: 1.063em;
		margin-bottom: 18px;
	}


	.three-panel-intro .post .figure, .three-panel-intro .post figure {
		margin-bottom: 15px;
	}
	
	.three-panel-intro .post h3 {
		font-size: 0.813em;
		letter-spacing: 0px;
		margin-bottom:10px;
	}
	
	.three-panel-intro .post p {
		font-size:0.938em;
		line-height:1.267em;
	}

/* ==============
    INTERMEDIATE: TWO PANEL
   ============== */

.two-panel {
	padding: 15px 20px;
}

	.two-panel .panel1 {
		float: left;
		margin-bottom:0px;
		width: 46.5%;
			
	}
	
	.two-panel .panel2 {
		float: right;
		margin-bottom:0px;
		width:46.5%;
	}
	
	.two-panel h4 {
		font:700 0.938em/1.1em "museo-slab", Helvetica, Arial, sans-serif;		
		margin:0px 0px 5px;
	}
	
	.two-panel p {
		font:300 0.875em/1.308em "proxima-nova", Helvetica, Arial, sans-serif;
		margin:0px 0px;
	}

/* ==============
   INTERMEDIATE: THREE PANEL LINKS
   ============== */

.three-panel-links {
	padding:28px 20px 30px 5px;
}
	.three-panel-links .wrapper {
		margin:0px auto;
		width:735px;
	}

	.three-panel-links h2 {		
		font-size: 1.063em;
		margin-bottom: 18px;
	}
	
	.three-panel-links .post .action {
		margin-bottom: 0px;
		padding: 12px 0px 12px 0px;		
	}
	
	.three-panel-links .post .text-link {
		font-size: 0.813em;
	}


/* ==============
    INTERMEDIATE: CONTENT PAGE
   ============== */	
   
/*SUB MENU SECTION*/
#main-content-holder {
	padding: 20px 30px 0px 10px;
}

.col1 {
	background:none;
	float: left;
	padding: 9px 0px 0px;
	width:220px;
}

	.col1 h3 {
		font:500 0.875em/24px "museo-slab", Helvetica, Arial, sans-serif;
		margin:0px 0px 10px 0px;
		min-width: 180px;
	}

/*SUB NAV*/
.tinynav { 
	display: none;
}

#sub-nav {
	display: block;
	margin-bottom: 20px;
}

	#sub-nav li {
		background: url(/assets/templates/barnardos/img/icon_arrow_subnav.png) no-repeat left 16px;
		border-bottom: 1px solid #eaeaea;
		color: #1e1e1e;
		font-size: 14px;
		line-height: 17px;
		padding: 11px 0px 11px 20px;
		text-transform: uppercase;
	}
	
	#sub-nav li a {
		color: #1e1e1e;
	}
	
	#sub-nav li a:hover, #sub-nav li a.active {
		color:#7ab800;
	}
	
	#sub-nav ul {
		background: #faf5e4;
		margin:15px 0px;
		padding: 15px 9px;
	}
	
		#sub-nav ul li {
			background: none;
			border: 0px;
			font-size: 14px;
			line-height: 15px;
			margin-bottom: 8px;
			padding:0px;
			text-transform: capitalize;
		}

/*NAV CTA*/
.nav-cta {	
	background:url(/assets/templates/barnardos/img/icon_cta_menu_med.png) #006778 no-repeat 10px 10px;
	border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	color: #ffffff;
	font:700 0.750em/1.5em "museo-slab", Helvetica, Arial, sans-serif;
	padding-left: 50px
}

	.nav-cta span {
		display: block;
		font-size: 1.583em;
	}

.nav-cta:hover {
	color: #FFF;
}

/*MAIN CONTENT*/
#main-content {
	float: left;
	margin-left:30px;
	width:470px;
}

/*CONTENT PANEL*/
.content-panel {
	padding: 0px;
}

/*BREADCRUMB*/
.content-panel .breadcrumb li {
	font-size: 0.813em;
}

.content-panel h1 {
	font-size: 1.625em;
	margin-bottom: 25px;
}

.content-panel p {
	font-size: 0.938em;
	line-height: 1.333em;
}

.content-panel h2 {
	font-size: 1.375em;
}

.content-panel h3 {
	font-size: 1.125em;
}

.content-panel h4, .content-panel h5, .content-panel h6 {
	font-size: 1em;
}

.content-panel ul li {
	background: url(/assets/templates/barnardos/img/bg_bullet_med.png) no-repeat left 13px;
	font-size: 0.938em;
	line-height: 1.333em;
}

.content-panel ol li {
	font-size: 0.938em;
	line-height: 1.333em;
}

/* SEE ALSO SECTION */
.col3 {
	background:none;
	padding: 10px 0px 10px;
}
	.col3 h4 {
		font:500 0.875em/1.3em "museo-slab", Helvetica, Arial, sans-serif;
		margin:0px 0px 8px 0px;
	}

	.col3 ul li{
		font-size: 14px;
	}

	.col3 .block {
		float: left;
		margin:0px 10px 0px 0px;
		width:230px;
	}

		.col3 .block .figure {
			border-bottom: 3px solid #7ab800;
		}
		
			.col3 .block.green .figure {
				border-bottom: 3px solid #7ab800;
			}
			
			.col3 .block.orange .figure {
				border-bottom: 3px solid #ebb700;
			}
			
			.col3 .block.yellow .figure {
				border-bottom: 3px solid #e8ce79;
			}
			
			.col3 .block.dark-green .figure {
				border-bottom: 3px solid #00985f;
			}
			
			.col3 .block.teal .figure {
				border-bottom: 3px solid #006778;
			}
			
			.col3 .block.lime .figure {
				border-bottom: 3px solid #c9dd03;
			}
			
		
		.col3 .block .figure img {
			width:100%;
		}

	.col3 .block .action {
		background:url(/assets/templates/barnardos/img/bg_stripe_link.png);
		border-bottom: 1px solid #7ab800;
		margin-bottom: 30px;
		padding: 13px 0px 13px 0px;
	}
	
		.col3 .block.green .action {
			border-bottom: 1px solid #7ab800;
		}
		
		.col3 .block.orange .action {
			border-bottom: 1px solid #ebb700;
		}
		
		.col3 .block.yellow .action {
			border-bottom: 1px solid #e8ce79;
		}
		
		.col3 .block.dark-green .action {
			border-bottom: 1px solid #00985f;
		}
		
		.col3 .block.teal .action {
			border-bottom: 1px solid #006778;
		}
		
		.col3 .block.lime .action {
			border-bottom: 1px solid #c9dd03;
		}
	
	.col3 .block .text-link {
		background: url(/assets/templates/barnardos/img/icon_arrow_links_green.png) no-repeat right 0px;
		font: 700 0.813em/1.1em "museo-slab", Helvetica, Arial, sans-serif;
	}

/* Sponsors Nav */

.content-panel ul.sponsor_nav li{
	display: inline;
	margin: 0;
	margin-right: 5px;
}

.content-panel ul.sponsor_nav li.active:after {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.content-panel ul.sponsor_nav li.active:after {
	border-color: rgba(122, 184, 0, 0);
	border-top-color: #B91C27;
	border-width: 12px;
	left: 50%;
	margin-left: -12px;
}

/* ==============
    INTERMEDIATE: WHY DONATE
   ============== */
   
#why-donate article h1{
	text-align: left;
}

#why-donate .wrapper{
	max-width: 1000px;
	padding: 15px 20px;
}

#why-donate .header .wrapper,
#why-donate .footer .wrapper{
	padding: 10px 20px;
}

#why-donate .header, 
#why-donate .footer{
	text-align: left;
}

#why-donate .header h1,
#why-donate .footer h1{
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	display: inline-block;
	padding-left: 0;
	padding-right: 20px;
	width: 69%;
	vertical-align: middle;
}

#why-donate .actions{
	display: inline-block;
	text-align: right;
	float: none;
	width: 30%;
}

#why-donate .header a.btn,
#why-donate .footer a.btn{
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	display: inline-block;    
	font: 700 0.875em/1em "museo-slab", Helvetica, Arial, sans-serif;
	text-align: left;
	width: 220px;
	margin: 0;
}

#why-donate article h2{
	font-size: 1.188em;
	text-align: left;
}

#why-donate article p,
#why-donate article ul li{
	font-size: 1em;
	line-height: 1.375em;
}

#why-donate article figure{
	margin: 10px 0;
}

#why-donate .left figure{
	float: left;
	width: 31%;
}

#why-donate .wrapper div{
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#why-donate .left .wrapper div{
	float: left;
	padding-left: 15px;
	width: 69%;
}

#why-donate .right figure{
	float: right;
	width: 30%;
}

#why-donate .right .wrapper div{
	float: left;
	padding-right: 15px;
	width: 70%;
}

#why-donate a.btn{
	font: 700 0.875em/1em "museo-slab", Helvetica, Arial, sans-serif;
	margin: 0;
	margin-bottom: 10px;
	width: 120px;
}

/* Table Sizes */

article table.plain tr th {
  font-size: 15px;
}
article table.plain tr td {
  font-size: 14px;
}
article table.plain tr td img {
  max-width: 100%;
}
	
}

@media only screen and (min-width: 960px) {

/* ====================
    IN BETWEEN: BANNER HOMEPAGE
   ==================== */
.slide figure {
	height: auto;
	margin: 0px auto;
	overflow: hidden;
	width:960px;
}

.slide img {	
	height: auto;
	margin:0px -130px;
	width:1220px;
}

}


@media only screen and (min-width: 1000px) {
/* ============
   WIDE: DESKTOP iPAD LANDSCAPE
  ============ */
.wrapper {
	max-width: 1000px;
}

/* ==============
   WIDE: HEADER
   ============== */
   
header .wrapper {
	position: relative;
}

/* UTILITIES MENU */

.utilities {
	background: none;
	padding: 13px 300px 0px 10px;
}

/* LOGO */

#brand {
	background: url(/assets/templates/barnardos/img/brand_large.png) no-repeat;
	height: 72px;
	margin:-13px 0px 20px 20px;
	width: 231px;
}

#brand a{
	display: block;
	height: 100%;
}

/* CALLS TO ACTION */
	
.cta-wrapper {
	right:0px;
}

	.cta-1, .cta-2 {
		border-radius: 0px 0px 3px 3px;
			-moz-border-radius: 0px 0px 3px 3px;
			-webkit-border-radius: 0px 0px 3px 3px;
		font:700 0.875em/1.143em "museo-slab", Helvetica, Arial, sans-serif;
		height: 38px;
		padding: 9px 10px 0px 10px;
		width: 116px;
	}
	
	.cta-1 {
		font-size: 1.125em;
		height: 34px;
		margin-left:8px;
		padding: 13px 10px 0px 10px;
	}

/* SEARCH */

#search {
	margin:22px 0px 0px 0px;
	width:280px;
}

	#search input[type="text"] {
		width: 243px;
	}

/* QUICK LINKS */

#quick {
	margin:72px 0px 0px 0px;
	position: absolute;
	right: 0px;
}

/* ==============
   WIDE: BANNER HOMEPAGE
   ============== */
   
.banner-wrapper {
	margin:0px auto;
	position: relative;
	width:1000px;
}

#slider .previous, #slider .next {
	background: url(/assets/templates/barnardos/img/icon_prevnext_large.png) no-repeat;
	height: 50px;
	top:45%;
	width:23px;		
}

	#slider .previous {
		left:8px;		
	}
		#slider .previous:hover {
			background-position: left -50px;
		}
	
	#slider .next {
		background-position: -142px 0px;
		right:8px;		
	}
		#slider .next:hover {
			background-position: -142px -50px;
		}
   
.slide figure {
	height: auto;
	margin: 0px auto;
	width:100%;
}

	.slide img {	
		height: auto;
		margin:0px auto;
		max-width: 1220px;
		width:100%;
	}

.slide-content {
	left: 40px;
	top: 27px;
	width: 520px;
}

	.slide-content h2 {
		font-size: 2.750em;
		height: 66px;
		padding-top: 14px;
	}
	
	.slide-content b {
		background: url(/assets/templates/barnardos/img/icon_bannerbrand_large.png) no-repeat;
		display: inline-block;
		height: 35px;
		padding-right: 6px;
		width:40px;
	}
	
	.slide-content h2:after {
		border:  33px solid rgba(122, 184, 0); /*Fallback*/
		border-color: rgba(122, 184, 0) transparent rgba(122, 184, 0) rgba(122, 184, 0); /*Fallback*/
		border:  33px solid rgba(122, 184, 0, 0.8);
		border-color: rgba(122, 184, 0, 0.8) transparent rgba(122, 184, 0, 0.8) rgba(122, 184, 0, 0.8);	
		right:-66px;	
	}
	
	.slide-content p {
		font:500 1.313em/1.333em "museo-slab", Helvetica, Arial, sans-serif;
		padding-right: 80px;
	}
	
	.slide-content a.btn {
		font-size:0.938em;
		padding: 13px 17px;
	}


/* ==============
    WIDE: BANNER LANDING PAGE
   ============== */
   
#banner .banner-wrapper {
	width:1000px;
}

.banner-content {
	background:url(/assets/templates/barnardos/img/brand_landingbanner_large.png) no-repeat #00985F center 18px;
	border-radius: 142px;
		-moz-border-radius: 142px;
		-webkit-border-radius: 142px;
	height: 284px;
	left: 35px;
	padding:126px 12px 0px 12px;
	top:38px;
	width: 284px;
	z-index: 4;
}

.banner-content h2 {
	font-size: 1.938em;
	margin-bottom: 12px;
}

.banner-content p {
	font-size: 1.125em;
	line-height: 1.222em;
	margin: 0px 30px;	
}

	
/* ==============
    WIDE: INTRO MESSAGE
   ============== */

.intro {
	margin:0px auto;
	max-width: 1000px;
	padding: 32px 1%;
}

	.intro h1 {
		font-size:1.563em;
		line-height:1.320em;
		width: 70%;		
	}

	.actions {
		float: right;
		margin:0% 5% 0% 3%;
		width:21%;
	}
	
	.intro a.btn {
		font: 700 1.063em/1em "museo-slab", Helvetica, Arial, sans-serif;
		letter-spacing: 1px;
		margin: 0px 0px 5px 0px;
		padding:15px;
	}


/* ==============
    WIDE: WHAT WE DO
   ============== */

.what-we-do {
	padding:90px 0px 42px 0px;
}

	.what-we-do .wrapper {
		width: 1000px;	
	}
	
	.what-we-do h2 {
		font-size: 1.188em;
		margin-top:-66px;
	}
	
	.what-we-do .post {
		margin: 0px 10px;
		width:310px;
	}
	
	.post h3 {
		font-size: 1.063em;
		letter-spacing: 1px;
	}

	
	.post .figure, .post figure {
		border-bottom: 5px solid #7ab800;
		display: block;
		margin-bottom: 19px;
	}
		.post.green .figure, .post.green figure {
			border-bottom: 5px solid #7ab800;
		}
		
		.post.orange .figure, .post.orange figure {
			border-bottom: 5px solid #ebb700;
		}
		
		.post.yellow .figure, .post.yellow figure {
			border-bottom: 5px solid #e8ce79;
		}
		
		.post.dark-green .figure, .post.dark-green figure {
			border-bottom: 5px solid #00985f;
		}
		
		.post.teal .figure, .post.teal figure  {
			border-bottom: 5px solid #006778;
		}
		
		.post.lime .figure, .post.lime figure {
			border-bottom: 5px solid #c9dd03;
		}
		
	.post p {
		font-size: 1em;
		line-height: 1.313em;
	}

/* ============
   WIDE: EVENTS / NEWS STRIP
   ============= */

.events-news {
	clear: both;
	padding: 43px 0px 43px;
}

	.events {
		float: left;
		margin-left:10px;
		padding: 0px 0px 0px 0px;
		width:520px;
	}
	
	.events-news .events h4 {
		margin-left:0px;
	}
	
	.event-thumb {
		margin-right:30px;
		margin-left:0px;
		width:225px;
	}

.news {
	background: #FFF;
	float: left;
	padding: 0px;
	width:470px;
}

	.news-wrapper {
		margin:0px;
		width:470px;
	}
	
		.news ul {
list-style-type: none;	}
	
	.news li {
		padding-left: 10px;
	}

/* ==============
    WIDE: SOCIAL SHARING BAR
   ============== */
.social {
	padding: 11px 0px;	
}

	.social .wrapper {
		width:1000px;
	}
	
	ul.social-links {
		margin-right:20px;
		width:380px;
	}
	
	.newsletter-signup {
		width:500px;
	}
	
	.newsletter-signup h6 {
		font-size: 0.938em;
		width:290px;
	}
	
	.newsletter-signup p {
		width: 290px;
	}
	
	.newsletter-signup .btn {
		float: right;
		padding: 13px 30px;
		margin-top:-13px;
	}


/* ==============
    WIDE: FOOTER
   ============== */
   
footer {
   padding:30px 0px;
}

	footer address {
		font-size: 1em;
	}
	
	footer .contact-details {
		font-size: 1em;
		width:390px;
	}
	
	footer .contact-details span {
		display: inline-block;
		margin:0px 6px;
	}

/* ==============
    WIDE: COPYRIGHT
   ============== */

#copyright {
	background: #292929;
	padding:14px 0px 14px 0px;
}

	#copyright .footer-links {
		margin-right:10px;
		width:480px;
	}
	
		#copyright .footer-links li {
			margin:0px 13px 0px 0px;
		}
		
			#copyright .footer-links li a {
				font-size: 0.938em;
			}
	
	#copyright span.charity-number {
		font-size: 0.938em;
		width:225px;
	}
	
	#copyright a.design {
		font-size: 0.813em;
		margin-right:10px;
		width:140px;
	}
	
/* ==============
    WIDE: LANDING PAGE MAIN PARAGRAPH
   ============== */

.main-para {
	padding: 24px 0px 0px;
	margin: 0px auto;
	width: 1000px;
}
	.main-para h1 {
		font-size:1.438em;
		line-height:1.261em; 
		margin:0px 0px 32px;
	}

	.main-para h2 {
color: #7ab800;
 font:500 1.462em/1.3em "museo-slab", Helvetica, arial, sans-serif;
 margin: 25px 0px 15px;
}

		.main-para a:hover {
		color: #006778;
	}




/* ==============
    WIDE: THREE PANEL INTRO
   ============== */

.three-panel-intro {
	padding:28px 0px 42px 0px;
}

	.three-panel-intro .wrapper {
		width: 1000px;	
	}
	
	.three-panel-intro h2 {
		font-size: 1.188em;
		margin-bottom: 27px;
	}
	
	.three-panel-intro .post {
		margin: 0px 10px;
		width:310px;
	}
	
	
	.three-panel-intro .post h3 {
		font-size: 1em;
		letter-spacing: 1px;
		margin-bottom: 5px;
	}

/* ==============
    WIDE: TWO PANEL
   ============== */

.two-panel {
	padding: 19px 0px;
}
	.two-panel .wrapper {
		padding: 0px 10px;
		width: 980px;
	}

	.two-panel .icon {
		display: block;
		float: left;
		height:60px;
		margin-right:15px;
		text-align: center;
		width:48px;
	}

	.two-panel .panel1 {
		padding: 11px 20px 9px 13px;
		width:46%;				
	}
	
	.two-panel .panel2 {
		padding: 11px 20px 9px 13px;
		width:46%;
	}
	
	.two-panel h4 {
		font:700 1em/1.1em "museo-slab", Helvetica, Arial, sans-serif;		}
	
	.two-panel p {
		font:300 0.938em/1.308em "proxima-nova", Helvetica, Arial, sans-serif;
		margin:0px 0px;
	}

/* ==============
   WIDE: THREE PANEL LINKS
   ============== */
.three-panel-links {
	padding:28px 0px 35px 0px;
}

	.three-panel-links .wrapper {
		width: 1000px;	
	}
	
	.three-panel-links h2 {
		font-size: 1.188em;
		margin-bottom: 27px;
	}
	
	.three-panel-links .post {
		margin: 0px 10px;
		width:310px;
	}
	
	.three-panel-links .post .action {
		padding: 11px 7px 11px 10px;		
	}
	
	.three-panel-links .post .text-link {
		font-size: 1em;
	}


/* ==============
   WIDE: CONTENT PAGE
   ============== */

/*SUB MENU SECTION*/
#main-content-holder {
	padding: 20px 0px;
}

#main-content {
	margin-left:40px;
	width:735px;
}

	.content-panel {
		float: left;
		width:500px;
	}
	
	


/*BREADCRUMB*/
.content-panel .breadcrumb li {
	font-size: 0.875em;
}

.content-panel h1 {
	font-size:1.938em;
}

.content-panel p {
	font-size: 1em;
	line-height: 1.438em;
	margin:0px 0px 25px 0px;
}

.content-panel ul li {
	background-position: 0px 9px;
	font-size: 1em;
	line-height: 1.438em;
	margin-bottom: 6px;
}

.content-panel ol li {
	font-size: 1em;
	line-height: 1.438em;
	margin-bottom: 6px;
}

.col3 .block .text-link {
	font-size: 0.875em;
}

/*SEE ALSO SECTION*/
.col3 {
	float: right;
	width: 200px;
}

	.col3 .block {
		width:200px;
	}

/* ==============
    WIDE: WHY DONATE
   ============== */

#why-donate .wrapper{
	padding: 10px;
}

#why-donate .header .wrapper,
#why-donate .footer .wrapper{
	padding: 10px;
}

#why-donate .actions{
	margin: 0;
}

#why-donate .actions a.btn{
	padding: 16px 20px;
	font-size: 1.063em;
}

#why-donate .right .wrapper div{
	padding-right: 25px;
}

#why-donate .left .wrapper div{
	padding-left: 25px;
}

} /* MQ */

@media only screen and (min-width: 1028px) {
/* ==============
   X-WIDE: BANNER
   ============== */

.slide img {	
	max-width: 1440px;
}

#slider .previous {
	left:-35px;		
}

#slider .next {
	right:-35px;		
}

.slide-content {
	left:10px;
	top:32px;
}



}
/* ===================
    ALL: RE-USED
   =================== */


/* ==========================================================================
   Helper classes
   ========================================================================== */

.group:before,
.group:after {
    content: " ";
    display: table;
}

.group:after {
    clear: both;
}

.group {
    *zoom: 1;
}

.clr {
	clear:both;
}

.align-right{
	float: right;
}

.align-left{
	float: left;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow:none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    nav{
    	display: none;
    }
	
	.utilities {
    	display: none;
    }
	
	.cta-wrapper {
    	display: none;
    }
	
	.nav-cta {
    	display: none;
    }
	
	#brand {
		display: block;
	}
	
	.col3 {
    	display: none;
    }
	
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    .social, .share-this, .breadcrumb{
    	display: none;
    }
}



/* ==========================================================================
   RE-CAPTCHA
   ========================================================================== */

#recaptcha_area, #recaptcha_table { line-height: 0!important;}
#recaptcha_table input, #recaptcha_table textarea { display:inline-block;}


/* ==========================================================================
   RESPONSIVE VIDEO CONTAINER
   ========================================================================== */
		
		.video-container 
		{ position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } 
		
		.video-container iframe, .video-container object, .video-container embed 
		
		{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
		
	
/* ==========================================================================
   CUSTOM CTA BUTTON FOR LANDING PAGES
   ========================================================================== */	
		
		
		
			.landingpage-btn {
		background: #6da500;
		border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
		color: #FFF;
		display: block;
		font: 700 1em/1em "museo-slab", Helvetica, Arial, sans-serif;
		margin:0px auto 10px;
		width: 170px;
		padding: 10px 15px;
		text-decoration: none;
		text-transform: uppercase;
	
	}
	
	
	
	
	/* ==========================================================================
   SOCIAL SHARING CTA BUTTONS
   ========================================================================== */	
		
		
		
			.facebook-btn {
		background: #3b5998;
		border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
		color: #FFF!important;
		display: block;
		font: 700 1em/1em "museo-slab", Helvetica, Arial, sans-serif;
		margin:0px auto 10px;
		width: 170px;
		padding: 10px 15px;
		text-decoration: none!important;
		text-transform: uppercase;
		text-align:center;
		font-weight:bold!important;
	}
	
				.twitter-btn {
		background: #4099FF;
		border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
		color: #FFF!important;
		display: block;
		font: 700 1em/1em "museo-slab", Helvetica, Arial, sans-serif;
		margin:0px auto 10px;
		width: 170px;
		padding: 10px 15px;
		text-decoration: none!important;
		text-transform: uppercase;
				font-weight:bold!important;
	}
	
	
		.facebook-btn:hover {
		color: #fff;
	}
	
	.facebook-btn:visited {
		color: #fff;
	}