body.sticky-menu-active .menu-container { left: 0px; }
div.article_options { margin-top: 0px; }
.block.recommendations ul li { float: left; margin-left: 8px; }
.block.recommendations ul li:first-of-type { margin-left: 0px; }

.block.recommendations ul { clear: both; display: inline-block; max-height: 24px;}

#node-10741 .clear { display: none; }
body.node-10746 .author { margin: 0 10px 10px 0!important;}
#node-10742 { clear: both; }

body.node-6248 .column.right,
body.theme  .column.right,
body.node-6664 .column.right { float: right; }

.bjqs-controls{ position: absolute; bottom: 0px; left: 0px; }
.bjqs-controls li{ display: inline-block; position: absolute; bottom: 11px; }
.bjqs-controls li a{ color: white; font-size: 12px; }
.bjqs-prev { text-indent: -1000px}
.bjqs-next { text-indent: -1000px; }
.bjqs-prev a:after { content: "<"; color: white; position: absolute; left: 1012px; font-size: 25px; font-weight: bold;}
.bjqs-next a:after { content: ">"; color: white; position: absolute; left: 1173px; font-size: 25px; font-weight: bold;}

.mobile-header-bar {
	position: absolute;
	font-family:"Open Sans", sans-serif;
	z-index: 9;
	right: 10px;
	top: 5px;
}
.menuBox {
	display: none;
}

.mobile-header-bar .icon {
	display: block;
	position: relative;
	font-size: 22px;
	text-transform: uppercase;
	height: 48px;
	line-height: 46px;
	color: #1d3346;
	padding-left: 40px;
	background:
		url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iMzJweCIgaWQ9IkxheWVyXzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMyIDMyOyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHdpZHRoPSIzMnB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBkPSJNNCwxMGgyNGMxLjEwNCwwLDItMC44OTYsMi0ycy0wLjg5Ni0yLTItMkg0QzIuODk2LDYsMiw2Ljg5NiwyLDhTMi44OTYsMTAsNCwxMHogTTI4LDE0SDRjLTEuMTA0LDAtMiwwLjg5Ni0yLDIgIHMwLjg5NiwyLDIsMmgyNGMxLjEwNCwwLDItMC44OTYsMi0yUzI5LjEwNCwxNCwyOCwxNHogTTI4LDIySDRjLTEuMTA0LDAtMiwwLjg5Ni0yLDJzMC44OTYsMiwyLDJoMjRjMS4xMDQsMCwyLTAuODk2LDItMiAgUzI5LjEwNCwyMiwyOCwyMnoiLz48L3N2Zz4=)
		no-repeat
		0 50%;
	background-size: 36px 36px;
}
.sidr-inner {
	clear: both;
}
.sidr-inner ul ul {
	display: none;
}
.sidr input[type="text"] {
	width: 80%;
	padding: 8px 5px;
	float: left;
	line-height: 15px;
	height: 38px;
	box-sizing: border-box;
}
.sidr input[type="submit"] {
	width: 15%;
	padding: 8px 5px;
	float: left;
	border: none;
	line-height: 15px;
	box-sizing: border-box;
	
	width: 42px;
	height: 38px;
	background: url('../images/search-active.png') no-repeat scroll 0% 0% #3A5D6C;
}

#wrapper { width: 320px; margin: 0px auto; }

#topheader .social { display: none; }


@media screen and (min-width:480px){
	#wrapper { width: 480px; }
}
@media screen and (min-width:768px){
	#wrapper { width: 768px; }
	#topheader .social { display: block; }

}
@media screen and (min-width:976px){
	#wrapper { width: 944px; }
	.mobile-header-bar {
		display: none;
	}
	.menuBox {
		display: block;
	}
	section.projecticon {
		height: 428px;
	}
	
}




@media screen and (max-width:975px){
	#topheader .menuBox { margin-left: 0px; }
	#topheader .social{ position: static; width: 100%; margin-top: 10px; text-align: center;}
	#topheader .social li:last-of-type{ margin-right: 0px;}
	#topheader .social ul{ margin: 0px auto; padding-left: 50px;}
	#topheader .logo { margin: 0px;  width: 100%; text-align: center;}
	
	
	section.projecticon .projectimage{
		width: auto;
		height: 125px;
	}
	
	.bjqs.noside .text { padding: 0 1% 0 1%; width: 95%; }
	.bjqs img { width: 100%; height: auto; }
	
	.col-66 { position: static; padding: 20px 0 0 0; }
	
	body #mc_embed_signup .mc-field-group { width: 99.5% }
	body #mc_embed_signup .mc-field-group select {	width: 100%; }
	body #mc_embed_signup .mc-field-group input { width: 99.7%; }
	
	.block.author .about-author .tleft img{ width: 49px; }
	
	.node-10250 .column.right{ float: right; }
	.node-6263 .column.right { float: left!important; }
	
	
	.node-6249 .block.video .wright { width: 47%; margin: 0px; margin-bottom: 20px; margin-left: 270px; }
	.topBlocks { margin-bottom: 0px!important; }
	
	.column .block { float: none!important; clear: both; width: 100%!important} 
	
	.topBlocks .column { width: 100%!important; }
	.middle.content { overflow: visible; }
	.node-6249 .content.column { width: 100%!important; float: none!important; }  
	.node-6249 section .wright{ float: none; }  
	.input-row { overflow: visible; }
	
	.ui-icon.ui-icon-top.scrolltohome { display: inline!important; opacity: 1!important;}
	.copyright.box ul { padding-right: 0px; }
	section.content article .image { margin-left: 0px; }
	
	
	#node-9912 .clear{ display: none; }
	#node-9912 .author { float: none; width: 100%; padding: 0px; margin-right: 0px;}
	#node-9913 .clear{ display: none; }
	#node-9913 .author { float: none; width: 100%; padding: 0px; margin-right: 0px; }
	#node-10742 .clear { display: none; }
	#node-10743 { clear: both; }
	
	.children.related .wright { max-width: none!important; margin-left: 0px }
	
	.topBlocks { margin-bottom: 15px!important; }
	.topBlocks .block { margin-bottom: 0px!important; }
	
	
	/*.topBlocks { padding-top:319px; position: relative; margin-left: 0px; width: 100%;}*/
	.contactpage .topBlocks { padding-top:319px; } 
	
	
	/*.topBlocks .column.fixedheight.right { position: absolute; top: 0px; margin: 0px; max-width: none; width: 100%!important; }*/
	.topBlocks .column.fixedheight.right .block.carousel, 
	.topBlocks .column.fixedheight.right .block.carousel .img,
	.topBlocks .column.fixedheight.right .block.carousel .img img,
	.topBlocks .column.fixedheight.right .block.carousel .carousel{ max-width: none; width: 100%; }
	.block .inline-content .twitterTarget img{ width: 42px!important; }
	.block.context p { padding-bottom: 24px; }
	
	.middle .column.wide.left.normal.content.view#content { float: none!important; width: 100%!important;}
	
	.topBlocks .column.fixedheight.left { width: 100%; max-width: none; }
	.topBlocks .column.fixedheight.left  .block.context{ min-height: 0px!important; }
	
	.middle .column.left { margin: 0px; float: left; width: 100%; max-width: none; }
	.middle .column.left.commentform { width: 100%!important; }
	.middle .column.center { margin: 0px; float: right; width: 48%; max-width: none;}
	.middle .column.right { margin: 0px 0px;  width: 100%; max-width: none;}
	.middle .column.right .block { width: 48%; }
	.middle .column.right .block.discussions { float: left; }
	.middle .column.right .block.tweets { float: right; }
	.middle .column.right .block.policy { float: right; }
	.middle .column.right .block.dossiers { width: 100%!important; }
	
	.column.fixedheight section.themeicon .intro, .column.fixedheight section.programmeicon .description,  .column.fixedheight section.themeicon .description{ width: 92%; background: url('../images/block_theme_description.png') left top repeat!important; padding: 4%; }
	.block.facebook .fb-like-box span { margin: 24px; width: 100%!important;}
	.block.facebook .fb-like-box span iframe{ width: 85%!important; }
	.middle .column.right .clear { display: none; }
	
	
	.topBlocks .column.fixedheight.right .block.carousel { position: absolute; top: 0px; overflow: hidden; }
	
	/*
	.column.fixedheight section.projecticon .popup, .column.fixedheight section.programmeicon .popup, .column.fixedheight section.themeicon .popup { position: absolute; right: 25px; top: 231px; left: auto; }
	*/
	
	.copyright.box { margin-left: 0px; text-align: center; }
	.copyright.box .col{ width: 100%; }
	.copyright.box ul { margin: 0px auto; }
	.copyright.box ul li { display: inline-block; float: none; }
	.copyright.box p { text-align: center; }
	.copyright.box p .copyright { width: 100%; display: block; text-align: center; }
	.copyright { width: 100%; }
	.footer, .copyright.box { min-height: 200px; }
	.copyright.box .col h4 { text-align: center; margin-bottom: 15px; }
	
	.full_container { position: relative; }
	.full-container footer { position: absolute; left: -10px; padding: 0px 10px; background:#1D3446; }
	
	body.contactpage .column.center { width: 48%!important; max-width: none; }
	body.contactpage.contactpage .column.center { width: 100%!important;}
	/* Contact us */
	
	.content.column.wide.left.normal.content.view  { width: 100%; }
	.input-row .input { width: 100%; margin: 0px; }
	.input-row .input input{ width: 94%; margin: 0px; }
	.input-row .input textarea{ width: 94%; margin: 0px; }
	.submit-row { margin-left: 0px;  padding: 5px 0px;  }
	.submit-row button { margin-left: 0px; width: 100%; height: 32px;}
	.submit-row button span { padding:0px;  }
	.contactpage.node-313 .topBlocks { padding-top: 332px; }
	.contactpage.node-313 .block.context { padding-bottom: 24px; }

	.topBlocks .column.wide.fixedheight.right {margin-left:0px; height: auto;}
	.block.programme .image a img { float:left; clear:both; width: 100%; height: auto; /*margin-left:25px*/}
	.block.programme .image.programme.floatLeft a img {margin-left:0px;border:none;}
	.featured {display:none;}

}

@media screen and (max-width:767px){
	
	.bjqs .headouter {
		position: relative;
		height: auto;
	}
	.bjqs .text { width: 100%; height: auto; }
	.bjqs .title,
	.bjqs .title h3 { height: auto; }

	.topBlocks .column.fixedheight.right .block.carousel  { height:270px!important; min-height: 0px; }
/*
}
 
@media screen and (max-width:768px){
*/
	.block.programme .featured {display:none;}
	.node-6249 .block.video .wright{ clear: both; margin: 0px; width: 100%; }
	.topBlocks { width:100%}
	.topBlocks .column.fixedheight.right .block.carousel  { height:210px!important; min-height: 0px; }
	.column { width: 100%!important; }
	.middle .column.right .block { width: 100%; }
	body.contactpage .column.center { width: 100%!important; max-width: none; }
	
	.middle .column.left { margin: 0px; float: none; width: 100%; max-width: none; }
	.middle .column.center { margin: 0px; float: none; width: 100%; max-width: none;}
	.middle .column.right { margin: 0px 0px; clear: both; width: 100%; max-width: none;}
	.middle .column.right .block.discussions { float: none; width: 100%; }
	.middle .column.right .block.tweets { float: none; width: 100%; }
	.block.facebook .fb-like-box span iframe{ width: 90%!important; }
	.full_container footer { position: relative; left: -10px; padding: 0 15px 0 5px;  background:#1D3446; }
	/*.topBlocks { padding-top: 295px; }*/
	.input-row .input input{ width: 96%; margin: 0px; }
	.input-row .input textarea{ width: 96%; margin: 0px; }
	.block.programme .featured {display:none;}
	
}

@media screen and (max-width:540px){
	.block.programme .featured {display:none;}
}

@media screen and (max-width:479px){
	.block.programme .featured {display:none;}
	.node-6249 .block.video .wright{ clear: both; margin: 0px; width: 100%; }
	.topBlocks { width:100%}
	.topBlocks .column.fixedheight.right .block.carousel  { height:210px!important; min-height: 0px; }
	.contactpage .topBlocks { padding-top: 0px!important; }
	body.node-10746 .author { margin: 0px; }

	#topheader .social ul{ padding: 0px; width: 100%;  display: table; margin: 0 auto;}
	#topheader .social li:first-of-type{ margin: 0px; float: none; display: inline-block;  margin-left: 0px; margin-right: 18px; }
	#topheader .social li:last-of-type{ margin-right: 0px; margin-left: 18px; }
	#topheader .social li{ margin: 0px; float: none; display: inline-block;  margin: 0px 15px; }
	
	header#topheader { margin-top: 17px; }
	#topheader .logo { width: 175px; margin-left: 10px; }
	#topheader .logo img { width: 100%; height: auto; }

}

@media screen and (max-width:380px){
	.footer, .copyright.box { min-height: 250px; }
}

