/*   
Theme Name:Threefifty Main
Description:Theme for 350.org
Author:Matthew Anderson
Author URI:http://350.org
Text Domain: threefifty
Version:1
*/

/* Reset & Base */
::selection{
	background:rgba(4, 160, 195, 0.3);}
::-moz-selection{
 background:rgba(4, 160, 195, 0.3);}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary{
	display:block}
audio, canvas, video{
	display:inline-block;
 *display:inline;
 *zoom:1}
html{
	font-size:100%;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;}
html, button, input, select, textarea{
	font-family:KlimaWeb,arial,sans-serif}
body{
	background:#fff url(library/images/tp-bg-mob.jpg) no-repeat center top fixed;
	background-size:cover;
	font-family:KlimaWeb, arial, sans-serif;
	font-size:15px;
	line-height:1.5;
	color:#2a2e2f;
	margin:0;}
h1, h2, h3, h4, h5{
	text-rendering:optimizelegibility;
	letter-spacing:-0.005em;
	margin:0 0 1rem;
	font-weight:bold;}
h1 a, h2 a, h3 a, h4 a, h5 a{
	color:inherit;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover{
	text-decoration:none}
h1{
	font-size:2em;
	line-height:1;
	letter-spacing:-0.015em;}
h2{
	font-size:1.8em;
	line-height:1.2;
	letter-spacing:-0.015em;}
h3{
	font-size:1.6em;
	line-height:1.25;
	letter-spacing:-0.015em;}
h4{
	font-size:1.25em;
	line-height:1.3;}
h5{
	font-size:1.15em;
	line-height:1.6;}
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child{
	margin-bottom:0 !important;}
h1.meta,
h2.meta,
h3.meta,
h4.meta,
h5.meta{
  font-size:1.25rem;
  letter-spacing:0.3em;
  margin-bottom:8px;
  text-transform:uppercase;}
h3.meta{
  font-size:1rem;}
h4.meta,
h5.meta{
  font-size:0.85rem;}
a{
	color:#009fc2;
	font-weight:bold;
	text-decoration:none;}
a img{
	border:none;}
a:hover, a:visited:hover{
	opacity:0.8;}
a:active{
	opacity:0.5;}
a:link, a:visited:link{
	-webkit-tap-highlight-color:rgba(4, 160, 195, 0.3);}
a:active, a:hover{
	outline:0}
a.active{
	color:inherit !important;
	cursor:default;
	opacity:1 !important;}
p, ul, ol{
	margin:0 0 0.8em;}
li{
	margin-bottom:0.4em}
p:last-child, ul:last-child, ol:last-child{
	margin-bottom:0;}
blockquote{
	margin:0 0 0.9em;
	padding-left:15px;
	border-left:2px solid #aaa;}
q{
	font-style:italic;}
sup{
	font-size:.75em;
	vertical-align:top;}
sub{
	font-size:.75em;
	vertical-align:bottom;}
caption{
	font-size:.85em;
	color:#888;}
ul, ol{
	padding-left:1em;
	margin-bottom:1em;}
ol{
	padding-left:1.3em;}
ul ul, ol ol{
	margin-bottom:0;
	padding-left:1.5em;}
ul ul ul, ol ol ol{
	margin-bottom:0;
	padding-left:2em;}
ul li{
	list-style-type:disc;
	list-style-position:outside;}
ol li{
	list-style-position:outside;}
em{
	font-style:italic;}
strong{
	font-weight:bold;}
table{
	border-collapse:separate;
	border-spacing:2px;}
th{
	background:#dde0e3;
	padding:2px 5px;}
thead th{
	background:#2a2e2f;
	color:#fff;
	padding:2px 5px;
	font-weight:bold;}
td{
	padding:5px;}
code, samp, kbd, var{
	font-family:"Courier New", Courier, monospace;}
pre{
	font-family:"Courier New", Courier, monospace;
	padding:15px;
	background:#e4e6e8;
	border:1px solid #ccc;
	border-radius:2px;
	font-size:12px;
	white-space:pre-line;}
del{
	text-decoration:line-through;}
abbr, acronym{
	font-size:0.9em;
	font-variant:small-caps;
	letter-spacing:0.07em;
	border-bottom:1px dotted #9a9e9f;
	cursor:help;
	padding-bottom:1px;}
dfn{
	border-bottom:1px dotted #9a9e9f;
	cursor:help;
	font-style:normal;
	padding-bottom:1px;}
input, select, textarea{
	background:#fff;
	border:0 none;
	font-family:KlimaWeb,sans-serif;
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:0.3em;
	padding:0.5em;
	width:100%;
	max-width:400px;}
button, input{
	line-height:normal}
button, html input[type="button"], input[type="reset"], input[type="submit"]{
	-webkit-appearance:button;
	cursor:pointer;
 *overflow:visible}
button[disabled], input[disabled]{
	cursor:default}
input[type="checkbox"],
input[type="radio"],
input.checkbox{
	box-sizing:border-box;
	padding:0;
	width: auto !important;
	*height:13px;
	*width:13px;}
select{
	font-weight:bold;}
option{
	font-size:0.9em;
	font-weight:normal;}
fieldset{
	border:0 none;
	padding:0;}
textarea{
	overflow:auto;
	vertical-align:top}
table{
	border-collapse:collapse;
	border-spacing:0}
img{
	height:auto;
	/*Fixes weird 'jump' on opacity change*/
	transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-webkit-transform:rotate(0deg);}
img, iframe, video{
	max-width:100%;}
b, strong, .strong{
	font-weight:bold}
small, .small{
	font-size:0.85em;}
dd{
	margin:0}
.sidebar ul, .sidebar ol, .commentlist{
	list-style:none}
hr{
	border-style:dotted;
	border-width:2px 0 0 0;
	border-color:#cccdcf;
	clear:both;
	margin-bottom:1em;}
.clear{
	clear:both !important;
	display:block;
	height:0;
	line-height:0 !important;
	margin:0 !important;
	padding:0 !important;
	width:0 !important;}
*{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box}
nav{
	margin:0;}
nav ul{
	padding-left:0;}
nav a{
	border-bottom: 0 !important;
	text-decoration:none !important;}

/* Shared styles */
.wf-graphweb-n7-active .graph{
	font-family:GraphWeb,KlimaWeb,sans-serif !important;
	line-height:1;}
.title1{
	font-size:43px;
	letter-spacing:-0.03em;}
.title1.graph{
	letter-spacing:-0.02em;}
.title2{
	font-size:35px;
	letter-spacing:-0.025em;}
.title2.graph{
	letter-spacing:-0.01em;}
.title3{
	font-size:30px;
	letter-spacing:-0.02em;}
.title3.graph{
	letter-spacing:-0.005em;}
.lead{
	font-size:1.2em;}
.lead.big{
	font-size:1.4em;
	line-height:1.43;}
.lead.huge{
	font-size:1.6em;
	line-height:1.43;}
.mobile-hide{
	display:none;}
.sm-cp{
	font-variant:small-caps;
	letter-spacing:0.05em;
	text-transform:lowercase;}
.nobullet{
	padding-left:0 !important;}
.nobullet li{
	list-style-type:none;}
.image-link-parent{
	font-size:0 !important;}
.hidden{
	display:none;
	font-size:0;
	margin:0;
	padding:0;
	visibility:hidden;}
.video-wrapper{
	margin:0 0 1.3em;}
.highlight{
	background-color:#fff;
	display:inline;
	padding:0 5px;}
.highlight.blue{
	background-color:#009fc2;
	color:#fff;}
.highlight.orange{
	background-color:#ffa017;
	color:#fff;}
.highlight.dkgray{
	background-color:#313a42;
	color:#fff;}
.box{
	background-color:rgba(255,255,255,0.9);
	border-radius:2px;
	padding:1em;
	margin-bottom:1em;}
.box-big,
.box.big{
	padding:2em;}
.box-small,
.box.small{
	padding:0.4em 0.6em;}
.box-orange,
.box.orange,
.bg-orange,
.section.bg-orange{
	background-color:#FFA017;
	color:#fff;}
.box-blue,
.box.blue,
.bg-blue,
.section.bg-blue{
	background-color:#009fc2;
	color:#fff;}
.box-blue a,
.box-orange a,
.box-teal a,
.box-red a,
.box-dkgray a,
.box.blue a,
.box.orange a,
.box.teal a,
.box.red a,
.box.dkgray a,
.section.bg-blue a,
.section.bg-orange a,
.section.bg-dkgray a{
	color:#fff;
	border-bottom:1px solid;
	border-color:rgba(255,255,255,0.4);}
.tfmp-image a,
.tfmp-title a{
	border-bottom:0 none;}
.box-teal,
.box.teal{
	background-color:#26daa9;
	color:#fff;}
.box-red,
.box.red,
.bg-red{
	background-color:#ef5336;
	color:#fff;}
.box-dkgray,
.box.dkgray,
.section.bg-dkgray,
.bg-dkgray{
	background-color:#2a2e2f;
	color:#fff;}
.box-ltgray,
.box.ltgray,
.section.bg-ltgray,
.bg-ltgray{
	background-color:#f3f5f6;}
.box-white,
.box.white,
.section.bg-white,
.bg-white{
	background-color:#fff;
	color:#2a2e2f;}
.section.bg--,
.bg-transparent{
	background:transparent;
	color:#fff;}
.box-none,
.box.no-bg{
	background:transparent;
	color:#fff;
	padding:0 !important;}

.notch::after{
	border-bottom:20px solid transparent;
	border-left:30px solid transparent;
	border-right:30px solid transparent;
	content:'';
	height:0;
	left:50%;
	margin-left:-30px;
	position:absolute;
	top:-20px;
	width:0;
	z-index:9999;}
.bg-white.notch::after{
	border-bottom-color:#fff;}
.bg-blue.notch::after{
	border-bottom-color:#009fc2;}
.bg-dkgray.notch::after{
	border-bottom-color:#2b2e2f;}
.bg-orange.notch::after{
	border-bottom-color:#ffa017;}
.bg-ltgray.notch::after{
	border-bottom-color:#f3f5f6;}
.bigquote{
	background:#ebedef;
	border-radius:3px;
	border:0 none;
	font-size:1.3em;
	padding:1.2em 1.5em;}
.meta{
	font:0.8em/1.6 Menlo,Monaco,Courier,monospace;
	letter-spacing:0.05em;
	opacity:0.6;}
input.submit,
a.button,
.button a{
	background:#FFA017;
	border-radius:4px;
	color:#fff;
	cursor:pointer;
	display:block;
	display:inline-block;
	font-weight:bold;
	font-size:1.2em;
	height:auto;
	margin-bottom:0.6em;
	padding:0.5em 0.8em;
	position:relative;
	text-transform:uppercase;
	white-space:normal;}
.wf-graphweb-n7-active input.submit,
.wf-graphweb-n7-active a.button,
.wf-graphweb-n7-active .button a{
	font-family:GraphWeb,KlimaWeb,sans-serif;
	font-size:1.6em;
	letter-spacing:0;
	line-height:1;}
input.submit:hover,
a.button:hover,
.button a:hover{
	color:#fff;
	text-decoration:none;}
input.submit:active,
a.button:active,
.button a:active{
	top:1px;
	text-decoration:none;}
input.submit.small,
a.button.small,
.button.small a{
	font-family:KlimaWeb,sans-serif;
	padding:0.5em 0.7em;
	font-size:1.1em;
	text-transform:none;}
input.submit.meta,
a.button.meta,
.button.meta a{
	border-radius:1px;
	font:0.8em/1.6 Menlo,Monaco,Courier,monospace;
	letter-spacing:0.05em;
	padding:0.2em 0.4em;
	opacity:1;}
a.button-blue,
.button-blue a,
.box-orange .button{
	background-color:#009fc2;}
a.button-gray,
.button-gray a{
	background-color:#747a7f;}
a.button-ltgray,
.button-ltgray a{
	color:#2a2e2f;
	background-color:#f3f5f6;}
a.button-ltgray:hover,
.button-ltgray:hover a{
	color:inherit;}
a.icon-button{
	background-image:url(library/images/sprite.png);
	background-position:right 100px;
	background-repeat:no-repeat;
	padding:0.6em 45px 0.6em 0.6em !important;
	text-transform:none;}
.fb-share,
.tw-share{
	background:url(library/images/sprite.png) no-repeat scroll;
	border:1px solid rgba(0,0,0,0.1);
	border-radius:3px;
	color:#fff;
	display:inline-block;
	font-size:1em;
	font-weight:bold;
	line-height:1;
	padding:0.5em 0.5em 0.5em 34px;
	position:relative;
	margin-bottom:6px;
	text-decoration:none;
	user-select:none;
	-moz-user-select:none;
	-webkit-user-select:none;}
.fb-share:hover,
.tw-share:hover{
	color:#fff;
	text-decoration:none;
	border-color:rgba(0,0,0,0.3);}
.fb-share:active,
.tw-share:active{
	top:1px;
	color:#eee;}
.fb-share{
	background-color:#305891;
	background-position:-1399px -693px;
	margin-right:5px;}
.tw-share{
	background-color:#28aae1;
	background-position:-1399px -790px;}

.text-dark,
.text-dark a{
	color:initial;}

.five-col,
.six-col{
	-webkit-columns:2;
	-moz-columns:2;
	columns:2;}	

/* Main Structure */
#container{
	margin:0 auto;
	padding:0;
	width:100%;}	
.section{
	padding:0 4%;}
.section-inner{
	margin:0 auto;
	max-width:450px;
	position:relative;}
.section-inner::after{
	clear:both;
	content:'';
	display:block;
	height:0;
	visibility:hidden;}
.internal{
	padding-bottom:5em;
	padding-top:1.5em;}
#main{
	padding-left:0;
	padding-right:0;}
#site-footer{
	background:#2a2e2f;
	color:#fff;
	padding-top:30px;
	padding-bottom:100px;}
#footer-link-350{
	background:url(library/images/350-logo-white.png) no-repeat;
	background-size:68px 30px;
	display:block;
	height:35px;
	width:75px;
	margin-left:1%;
	text-indent:-9999px;}
#site-footer .widgettitle{
	font-size:1.5em;
	font-family:GraphWeb,KlimaWeb,sans-serif;
	text-transform:uppercase;}

/* Site Header*/	
#site-header{
	background-color:#009fc2;
	height:50px;
	width:100%;}
#site-title{
	margin:0 0.5% 0 1%;
	width:70px;}
#site-title a{
	background:url(library/images/350-logo-white.png) no-repeat left 10px;
	background-size:68px 30px;
	display:block;
	height:50px;
	letter-spacing:-1px;
	line-height:1;
	text-indent:-9999px;
	-moz-user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
	user-select:none;
	width:70px;}
header a:hover{
	text-decoration:none;}
#header-donate{
	color:#6BC5D9;
	display:none;
	height:50px;
	margin-right:0;
	font-size:1.1em;
	padding:13px 10px 13px 10px;
	text-align:center;}
#header-donate:hover{
	background:#2a2e2f;
	color:#fff;
	opacity:1;}
#intro-toggle{
	color:#fff;
	cursor:pointer;
	display:none;
	height:50px;
	float:left;
	font-size:0;
	position:relative;
	text-indent:-9999px;
	width:27px;
	z-index:120;}
#intro-toggle::before{
	content:'?';
	background:#6BC5D9;
	border-radius:100px;
	display:block;
	font-size:18px;
	line-height:27px;
	margin-top:12px;
	padding-left:2px;
	text-indent:0;
	text-align:center;
	z-index:110;}
#header-connect{
	background:url(library/images/sprite.png) no-repeat 11px -883px;
	color:#fff;
	display:none;
	margin:0;
	overflow:visible;
	position:relative;
	z-index:800;
	width:95px;}
#hc-link{
	display:block;
	height:50px;
	text-indent:-9999px;
	width:95px;}
#header-connect:hover,
#header-connect.active,
#header-connect.data-entered{
	background-color:#2a2e2f;}
#hc-contents-outer{
	background:#2a2e2f;
	display:none;
	position:absolute;
	top:50px;
	right:0;
	width:290px;
	padding:1em;}
#hc-contents{
	min-height:60px;}
#header-connect:hover #hc-contents-outer,
#header-connect.active #hc-contents-outer,
#header-connect.data-entered #hc-contents-outer{
	display:block;}


/* Nav */
#site-nav{
	font-size:1.2em;
	margin:0 1%;
	padding:0;
	position:relative;}
nav li{
	list-style-type:none;}
#nav-label{
	display:none;}
.js #nav-label{
	display:block;}
html.mm-opened .mm-page,
html.mm-opened #mm-blocker,
html.mm-opened .mm-fixed-top,
html.mm-opened .mm-fixed-bottom,
.mm-panel{
	-webkit-transition:none 0.4s ease;
	-moz-transition:none 0.4s ease;
	-ms-transition:none 0.4s ease;
	-o-transition:none 0.4s ease;
	transition:none 0.4s ease;}
html.mm-opened .mm-page,
html.mm-opened #mm-blocker,
html.mm-opened .mm-fixed-top,
html.mm-opened .mm-fixed-bottom,
.mm-panel{
	-webkit-transition-property:top, right, bottom, left, border, -webkit-transform;
	-moz-transition-property:top, right, bottom, left, border, -moz-transform;
	-ms-transition-property:top, right, bottom, left, border, -ms-transform;
	-o-transition-property:top, right, bottom, left, border, -o-transform;
	transition-property:top, right, bottom, left, border, transform;}
html.mm-opened .mm-page,
html.mm-opened #mm-blocker{
	left:0%;
	top:0;
	margin:0;}
.mm-menu .mm-hidden{
	display:none;}
.mm-fixed-top,
.mm-fixed-bottom{
	position:fixed;
	left:0;}
.mm-fixed-top{
	top:0;}
.mm-fixed-bottom{
	bottom:0;}
html.mm-opened,
html.mm-opened body{
	width:100%;
	height:100%;}
html.mm-opened body{
	overflow:hidden;
	position:relative;}
html.mm-opened .mm-page{
	height:100%;
	overflow:hidden;
	position:absolute;}
html.mm-background .mm-page{
	background:inherit;}
#mm-blocker{
	background:transparent;
	opacity:0;
	display:none;
	width:100%;
	height:100%;
	position:absolute;
	z-index:9999;}
html.mm-opened #mm-blocker,
html.mm-blocking #mm-blocker{
	display:block;}
.mm-menu.mm-current{
	display:block;}
.mm-menu{
	background:inherit;
	display:none;
	overflow:hidden;
	height:100%;
	padding:0;
	position:absolute !important;
	left:0;
	top:0;
	width:80%;
	z-index:0;}
.mm-menu > .mm-panel{
	background:inherit;
	-webkit-overflow-scrolling:touch;
	overflow:scroll;
	overflow-x:hidden;
	overflow-y:auto;
	width:100%;
	height:100%;
	padding:20px;
	position:absolute;
	top:0;
	left:100%;
	z-index:0;}
.mm-menu > .mm-panel.mm-opened{
	left:0%;}
.mm-menu > .mm-panel.mm-subopened{
	left:-40%;}
.mm-menu > .mm-panel.mm-highest{
	z-index:1;}
.mm-menu > .mm-panel.mm-hidden{
	display:block;
	visibility:hidden;}
.mm-menu > .mm-list{
	padding:20px 0 40px 0;}
.mm-panel > .mm-list{
	margin-left:-20px;
	margin-right:-20px;}
.mm-panel > .mm-list:first-child{
	padding-top:0;}
.mm-list,
.mm-list > li{
	list-style:none;
	display:block;
	padding:0;
	margin:0;}
.mm-list a,
.mm-list a:hover{
	text-decoration:none;}
.mm-list > li{
	position:relative;}
.mm-list a{
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	color:inherit;
	font-family:GraphWeb,KlimaWeb,sans-serif;
	font-size:1.2em;
	line-height:1.4;
	display:block;
	padding:6px 10px 6px 20px;
	margin:0;}
.sub-menu a{
	font-size:0.9em;
	font-family:KlimaWeb,sans-serif;
	font-weight:500;
	padding-left:1.9em;}
.sub-menu .sub-menu a{
	font-size:0.8em;
	padding-left:2.8em;}
.nonsemantic .sub-menu .sub-menu a{
	font-size:0.9em;
	padding-left:1.9em;}
.nonsemantic .sub-menu a{
	font-size:0.9em;
	padding-left:1.9em;}
.sub-menu{
	display:none;}
.nonsemantic .sub-menu{
	display:block;}
.mm-opened > .sub-menu{
	display:block;}
.mm-list .mm-subopen{
	width:100%;
	height:100%;
	padding:0;
	position:absolute;
	right:0;
	top:0;
	z-index:2;}
.mm-opened .mm-subopen{
	height:40px;}
.nonsemantic .mm-subopen{
	display:none;}
.mm-list .mm-subopen:after{
	content:'';
	border-top:8px solid #6a6c6f;
	border-right:6px solid transparent;
	border-left:6px solid transparent;
	display:block;
	width:0;
	height:0;
	right:12px;
	position:absolute;
	top:14px;}
.mm-subclose{
	border-bottom:2px solid #6a6c6f;
	padding-left:40px !important;}
.mm-subclose::after{
	border-right:9px solid #6a6c6f;
	border-top:6px solid transparent;
	border-bottom:6px solid transparent;
	content:'';
	width:0;
	height:0;
	display:block;
	position:absolute;
	left:20px;
	top:13px;}
.mm-ismenu{
	background:#2a2e2f;}
.mm-menu{
	color:#fff;}
.mm-menu .mm-list > li > .mm-subclose{
	color:#ccc;}
html.mm-opened.mm-opening .mm-page,
html.mm-opened.mm-opening #mm-blocker,
html.mm-opened.mm-opening .mm-fixed-top,
html.mm-opened.mm-opening .mm-fixed-bottom{
  left:80%;}
.nonsemantic > a{
	display:none !important;}

@media all and (max-width:175px){
	.mm-menu{
		width:140px;}
	html.mm-opened.mm-opening .mm-page,
	html.mm-opened.mm-opening #mm-blocker,
	html.mm-opened.mm-opening .mm-fixed-top,
	html.mm-opened.mm-opening .mm-fixed-bottom{
		left:140px;}
}
@media all and (min-width:550px){
	.mm-menu{
		width:440px;}
	html.mm-opened.mm-opening .mm-page,
	html.mm-opened.mm-opening #mm-blocker,
	html.mm-opened.mm-opening .mm-fixed-top,
	html.mm-opened.mm-opening .mm-fixed-bottom{
		left:440px;}
}
html.mm-nooverflowscrolling.mm-opened{
	height:auto;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:scroll;}
html.mm-nooverflowscrolling.mm-opened body{
	overflow:auto;}
html.mm-nooverflowscrolling.mm-opened .mm-page{
	min-height:1000px;
	position:fixed;}
html.mm-nooverflowscrolling.mm-opened .mm-menu{
	height:auto;
	min-height:1000px;
	overflow:auto;
	overflow-x:hidden;
	position:relative;
	left:auto;
	top:auto;}
html.mm-nooverflowscrolling.mm-opened > .mm-panel{
	position:relative;
	height:auto;
	display:none;
	left:0;}
html.mm-nooverflowscrolling.mm-opened > .mm-panel.mm-current{
	display:block;}

.menu-mob-highlight a{
	background:#FFA017;}

.js #nav-label{
	background:#2a2e2f url(library/images/nav-icon-30.png) no-repeat;
	border-radius:2px;
	cursor:pointer;
	display:block;
	position:absolute;
	top:8px;
	right:1%;
	height:30px;
	width:30px;
	margin-bottom:0;
	text-indent:-9999px;
	z-index:999;}
#lang-nav{
	font-size:1.1em;
	position:absolute;
	right:45px;
	top:0;
	width:136px;
	z-index:800;
	zoom:1;}
#lang-nav:hover,
#lang-nav.active{
	background:#2a2e2f;}
#lang-nav:hover .sub-menu,
#lang-nav.active .sub-menu{
	display:block;}
#menu-lang-nav{
	width:136px;}
#lang-nav-label::after{
	content:'';
	display:block;
    position:absolute;
    right:7px;
    top:22px;
	border-top:5px solid #6BC5D9;
	border-left:5px solid transparent;
	border-right:5px solid transparent;}
#lang-nav:hover #lang-nav-label::after{
	border-color:#fff transparent transparent;}
#lang-nav a{
	color:#6BC5D9;
	display:block;
	font-weight:700;
	padding:0.6em 0.8em;
	width:136px;}
#lang-nav:hover a{
	color:#fff;}
#lang-nav a:hover{
	color:#fff;
	background-color:#495357;}
a#lang-nav-label{
	background-image:url(library/images/sprite.png);
	background-repeat:no-repeat;
	background-position:-1396px -1082px;
	height:50px;
	padding:12px 0 0 36px;}
#lang-nav:hover #lang-nav-label{
	background-position:-1396px -1182px;}
#lang-nav-label:hover{
	background-color:#2a2e2f !important;
	opacity:1;}
		
	
/* Top Panel */
#top-panel{
	color:#fff;}	
.top-panel{
	padding:1em;}
#tp-headline{
	font-size:2.5em;}
.wf-permanentmarker-n4-active #tp-headline{
	letter-spacing:-3px;
	line-height:0.85;
	font-family:'Permanent Marker',KlimaWeb,sans-serif;
	font-weight:normal;}	
#tp-copy{
	font-size:1.15em;
	line-height:1.4;}
#tp-form{
	background:#009fc2;
	border-radius:2px;
	margin:1em 0;
	padding:1em;}
#tp-form .submit{
	margin-top:0.2em;}
#tp-general{
	text-align:center;}
#tp-general #tp-headline{
	background:url(library/images/350-tp-headline-mob.png) no-repeat center center;
	background-size:contain;
	height:110px;
	text-indent:-9999px;}
.es #tp-general #tp-headline{
	background-image:url(library/images/350-tp-headline-es-mob.png);}
.pt #tp-general #tp-headline{
	background-image:url(library/images/350-tp-headline-pt-mob.png);}
.de #tp-general #tp-headline{
	background-image:url(library/images/350-tp-headline-de-mob.png);}
.fr #tp-general #tp-headline{
	background-image:url(library/images/350-tp-headline-fr-mob.png);}
.ja #tp-general #tp-headline{
	background-image:url('library/images/350-tp-headline-ja-mob.png');
	height:208px;}
#tp-general #tp-subhead{
	font-size:1.1em;
	letter-spacing:0;
	line-height:1.4;
	margin:0 auto;}
#tp-general-form{
	font-size:0;
	margin:18px auto 0;
	max-width:350px;}
#signup-replacement{
	font-size:1rem;}
.tpg-input{
	background:#fff;
	background:rgba(255,255,255,0.85);
	border-radius:2px;
	display:inline-block;
	font-size:18px;
	margin:0 0 5px;
	height:50px;}
#tpg-submit{
	border-radius:3px;
	font-size:22px;}
.js #tpg-hidden{
	display:none;}
#tp-sm-span{
	display:block;
	text-align:center;}
.tp-sm{
	background:url(library/images/sprite.png) no-repeat 600px 0;
	border-radius:2px;
	color:#fff;
	display:inline-block;
	font-size:15px;
	width:35px;
	height:34px;
	margin:9px 0 0 10px;
	text-indent:-9999px;}
#tp-fb{
	background-color:#3b5999;
	background-position:-1398px -692px;}
#tp-tw{
	background-color:#6bc5da;
	background-position:-1397px -789px;}
	
/* Sidebars/Widgets */
#featboxes,
#bottombar{
	background:url(library/images/white-stripe-bg-trans.png) repeat center center #1b2023;
	color:#fff;
	padding-top:0.5em;
	padding-bottom:1em;}
#bottombar{
	padding-top:3em;
	padding-bottom:3em;}
.widget{
	border-radius:2px;
	margin:0 0 1.2em;
	max-width:400px;
	padding:1em;
	overflow:hidden;}
.wf-graphweb-n7-active .tfmp-title{
	font-family:GraphWeb,KlimaWeb,sans-serif;
	letter-spacing:0;
	text-transform:uppercase;
	margin-bottom:0.1em;}
.tfmp{
	padding:0;}
.tfmp-image{
	line-height:0; /*fixes funny space after images inside link tag*/
	position:relative;}
.tfmp-text{
	padding:0.8em 1em 0.8em;}
.tfmp-body{
	margin-bottom:1em;}
.secondary-box{
	padding:0;}
.secondary-heading{
	background:url("library/images/white-stripe-bg-trans.png") repeat scroll center center rgba(0, 0, 0, 0);
	margin:0;
	padding:0.4em 0.6em;}
.box-none .secondary-content{
	padding:0;
	margin-bottom:0.6em;}
.secondary-content{
	padding:1em;}
.box-none .secondary-content{
	padding:0;}
.tfcw{
	padding:0;}
.widg-campaign{
	border:0 none !important;
	display:block;
	margin-bottom:0.7em;
	width:100%;}
.widg-cmpgn-image{
	float:left;
	width:25%;}
.widg-cmpgn-text{
	display:block;
	float:left;
	margin-bottom:0em;
	padding:0.4em 0.7em;
	width:75%;}
.widg-cmpgn-linktext{
	font-weight:500;}
.cmpgns-more-link {
	color:#EEEEEE;
	display:block;
	text-align:right;}
#twitter-widg-shim{
	height:375px;}

/* Ticker */
.ticker{
	display:none;
	list-style-type:none;
	padding:10px;
	position:relative;}
#ticker-inner a{
	border-bottom:1px solid #6b6e6f;
	color:#d4d8dA;}
#ticker-1{
	display:block;}
#ticker-inner{
	color:#fff;
	margin-bottom:0.3em;
	padding-left:40px;}
#ticker-inner::before{
	background:url(library/images/sprite.png) no-repeat -1395px -490px;
	content:'';
	display:block;
	height:40px;
	position:absolute;
	top:0px;
	left:0px;
	width:45px;}
.widget ul{
	padding-left:0;}
.widget li{
	list-style-type:none;}
#site-footer a{
	color:#dcdddf;
	font-weight:normal;}
.ticker{
	-moz-transition:all 1s linear;
	transition:all 1s linear;
	opacity:0;}
.ticker:first-child{
	opacity:1;}



/* Blog */
#blog{
	background:#fff;
	min-height:50px;}
.post{
	border-bottom:2px dotted #cccdcf;
	margin-bottom:20px;
	padding-bottom:20px;
	padding-top:1%;}
.entry-content dd{
	margin-left:0;
	font-size:0.9em;
	color:#787878;
	margin-bottom:1.5em}
.entry-content video,
.entry-content object{
	max-width:100%;
	height:auto}
.wp-caption{
	background:#e3ebef;
	display:inline-block;
	max-width:100%;
	padding:0.5em;}
.wp-caption img{
	margin-bottom:0;}
.wp-caption p.wp-caption-text{
	font-size:0.85em;
	padding:0 0.2em;}
	
#blog-inner{
	background:#fff;
	padding:1em;}
.page-navigation, .wp-prev-next{
	margin:1.1em 0 2.2em;}
.post-author-img{
	float:left;
	display:block;
	margin-right:0.75em;
	margin-bottom:0.5em;
	width:55px;
	height:55px;}
.post-author{
	font-weight:bold;}
.more-link{
	background:#eee;
	border-radius:3px;
	display:block;
	margin:1em 0;
	padding:5px 10px;
	width:200px;}
.more-link:hover{
	background:#009fc2;
	color:#fff;
	text-decoration:none;}
.post-meta{
	color:#9c9e9e;
	line-height:1.4;
	font-size:0.85em;}
#post-meta{
	background:#2a2e2f;
	border-radius:2px;
	color:#fff;
	-moz-hyphens:none;
	hyphens:none;
	font-size:1.1em;}
#post-meta-info{
	padding:1em 1em 0.8em ;}
#post-date{
	font-size:0.9em;}
#post-meta-share{
	background:url('library/images/white-stripe-bg-trans.png') repeat center center;
	padding:1em;}
#blog-switcher{
	border-radius:3px;
	overflow:hidden;
	padding-left:0;
	position:relative;}
#blog-switcher.active .blog-tab{
	display:block;}
.blog-tab{
	background:#dadcdf;
	display:none;
	list-style-type:none;
	padding:0.5em 0.7em;}
.blog-tab.active{
	display:block;}
#blog-switcher::after{
	border-top:5px solid #2a2e2f;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	content:'';
	height:0;
	position:absolute;
	top:1em;
	right:1em;
	width:0;}
.cat-list-ul{
	padding-left:0;}
.cat-list-item{
	list-style-type:none;}
.cat-list-link{
	background-color:#fff !important;
	color:inherit;
	padding-top:0 !important;
	padding-bottom:0 !important;
	font-size:1em !important;}
.post-categories{
	margin-top:1em;}	
#post-categories{
	clear:both;
	margin-top:1.3em;}	
.cat-link{
	background:#eaecef url(library/images/sprite.png) no-repeat left 100px;
	border-radius:3px;
	color:#8C8E8E;
	display:inline-block;
	font-size:0.85em;
	font-weight:normal;
	margin-bottom:0.4em;
	padding:0.35em 0.5em 0.35em 30px;}
.cat-uncategorized,
.cat-featured{
	display:none;}
.cat-fossil-fuels{
	background-position:-750px 3px;}
.cat-actions{
	background-position:-750px -45px;}
.cat-coal{
	background-position:-750px -94px;}
.cat-justice{
	background-position:-750px -145px;}
.cat-divestment{
	background-position:-750px -194px;}
.cat-impacts{
	background-position:-750px -244px;}
.cat-extreme-weather{
	background-position:-750px -295px;}
.cat-kxl{
	background-position:-750px -343px;}
.cat-oil{
	background-position:-750px -393px;}
.cat-powershift{
	background-position:-750px -444px;}
.cat-solar{
	background-position:-750px -492px;}
.cat-inspiring{
	background-position:-750px -545px;}
.cat-science{
	background-position:-750px -595px;}
.cat-corruption{
	background-position:-750px -646px;}
.cat-africa,
.cat-europe{
	background-position:-750px -694px;}	
.cat-pacific{
	background-position:-750px -744px;}	
.cat-latin-america{
	background-position:-750px -794px;}
.cat-north-america{
	background-position:-750px -845px;}
.cat-south-asia,
.cat-arab-world,
.cat-central-asia,
.cat-caucasus,
.cat-eastern-europe{
	background-position:-750px -894px;}
.cat-east-asia,
.cat-southeast-asia{
	background-position:-750px -944px;}
.cat-global{
	background-position:-750px -994px;}
.cat-renewables{
	background-position:-750px -1044px;}
.cat-denial{
	background-position:-750px -1097px;}
.cat-fracking{
	background-position:-750px -1148px;}

.c1,
.c2,
.c2_5,
.c3,
.c3_3,
.c4,
.c5,
.c6,
.c7,
.c8,
.c9,
.c10{
	margin-bottom:12px;}
.c1:last-child,
.c2:last-child,
.c2_5:last-child,
.c3:last-child,
.c3_3:last-child,
.c4:last-child,
.c5:last-child,
.c6:last-child,
.c7:last-child,
.c8:last-child,
.c9:last-child,
.c10:last-child{
	margin-bottom:0;}
	
/* Pages */
.page-title{
	color:#fff;
	font-size:2em;
	padding:0 4% 0.2em;
	text-shadow:0 0 1em rgba(0,15,30,0.5);}
.wf-permanentmarker-n4-active .page-title{
	font-family:'Permanent Marker',KlimaWeb,sans-serif;
	font-size:2.5em;
	font-weight:500;
	letter-spacing:-0.04em;}
.page-content{
	background-color:#fff;
	padding:1.3em 4%;
	position:relative;}
.page-content:before{
	border-bottom:11px solid #FFFFFF;
	border-left:15px solid transparent;
	border-right:15px solid transparent;
	content:"";
	height:0;
	position:absolute;
	top:-11px;
	left:3.5%;
	width:0;}
.ps{
	margin-bottom:2em;}
.ps-files-grid-list{
	left:-1%;
	padding-left:0;
	position:relative;}
.ps-files-grid-item{
	background:#ecedef;
	border:1px solid rgba(0,0,0,0.02);
	border-radius:2px;
	list-style-type:none;
	margin-bottom:1em;
	max-width:252px;}
.ps-files-grid-item:hover{
	background:#dcdddf;}
.ps-files-grid-link:hover{
	opacity:0.8;
	text-decoration:none;}
.ps-files-grid-image{
	background:#fff;
	display:block;
	text-align:center;}
.ps-files-grid-name{
    display:block;
	padding:0.3em 0.6em;}
.post-content{
	background:#fff;
	padding:20px 4%;}

/* Team */
.tm-more-info{
	display:none;}
.team-member{
	background:#eaecef;
	border-radius:2px;
	cursor:pointer;
	margin-bottom:0.57em;
	padding:0.3em 0.5em;
	position:relative;}
.team-member::after{
	content:'';
	border-top:6px solid;
	border-left:6px solid transparent;
	border-right:6px solid transparent;
	height:0px;
	width:0px;
	position:absolute;
	top:25px;
	right:10px;}
.team-member.active::after{
	display:none;}
.team-member a{
	color:#fff;}
.tm-more-info{
	background:#2a2e2f;
	border-radius:3px;
	color:#fff;
	margin-top:0.5em;
	padding:0.7em;}
.team-member.active .tm-more-info,
.team-member.active .tm-pic{
	display:block;}
.tm-contact{
	font-weight:bold;
	margin-bottom:1em;}
.tm-pic{
	display:none;}
.tm-title{
	font-size:0.95em;
	line-height:1.4;
	margin-bottom:0;}
.tm-name{
	margin-bottom:0;
	white-space:nowrap;}
.tm-contact p{
	background:url(library/images/sprite.png) no-repeat left 500px;
	line-height:1.35;
	padding-left:30px;}
.tm-location{
	background-position:-1404px -99px !important;}
.tm-email{
	background-position:-1404px -995px !important;}
.tm-twitter{
	background-position:-1404px -796px !important;}

/* Intro Panel */
#intro{
	background:#fff;
	padding-top:2em;
	padding-bottom:2em;}
#intro-inner{
	max-width:1120px;}
#bf-countdown{
	line-height:2;}
.cd-section{
	white-space:nowrap;}
.cd-number{
	background:rgba(20,40,50,0.1);
	border-radius:3px;
	display:inline-block;
	font-family:Menlo,Monaco,monospace;
	font-size:1.1rem;
	font-weight:bold;
	letter-spacing:0.1em;
	line-height:1.3;
	margin:0 4px;
	padding:0 0.2em;}
.cd-unit{
	font-size:.8rem;
	letter-spacing:1px;
	text-transform:uppercase;}
	
/* JS Helpers */
.js .expando{
	border-radius:3px;
	display:block;
	margin:0 0 15px;
	padding:10px 15px;
	background:#eee;
	background:rgba(0,10,15,0.1);}
.js .expando-small{
	padding:5px 7px;
	margin-bottom:7px;}
.js .tab-content{
	border-top:4px solid #eaecef;
	display:none;
	padding-top:1.2em;}
.js .tab-content.active{
	display:block;}
.js .tab{
	border-radius:3px 3px 0 0;
	font-size:1.1em;
	display:block;
	padding:0.5em 0.8em;}
.js .tab:hover{
	background:#eaecef;}
.js .tab.active{
	background:#eaecef;
	cursor:default;}
.js .tab.active:hover{
	opacity:1;}
.expando-link{
	color:inherit;
	display:block;
	font-size:1.25em;
	padding-right:30px;
	position:relative;}
.expando-small .expando-link{
	border-bottom:0 none !important;
	font-size:inherit;}
.expando-inner{
	border-top:1px dashed rgba(0,40,50,0.2);
	padding-top:13px;}
.expando-inner .expando-link{
	font-size:1em;}
.expando-link:hover{
	border-bottom:0;
	text-decoration:none;}
.expando-link::after{
	border-top:0.45em solid;
	border-left:0.4em solid transparent; 
	border-right:0.4em solid transparent;
	content:'';
	display:block;
	height:0;
	margin-left:0.3em;
	position:absolute;
	right:0;
	top:0.65em;
	width:0;}
.expando-link.expanded{
	margin-bottom:15px;}
.expando-link.expanded::after{
	border-bottom:0.45em solid;
	border-top:0px solid;
	border-left:0.4em solid transparent; 
	border-right:0.4em solid transparent;
	content:'';
	top:0.6em;
	margin-left:0.3em;}
#bg-reveal{
	cursor:pointer;
	display:none;
	position: relative;}
#bg-reveal::after{
	content:'';
	display:block;
	background:url(library/images/sprite.png) no-repeat 0 -1003px;
	height:18px;
	position:absolute;
	right:5px;
	top:5px;
	width:26px;}

.lazy{
	display:none;}
.js .lazy{
	display:inline;}
#ajax-target{
	min-height:50px;}
#lb-overlay{
	width:100%;
	height:100%;
	position:fixed;
	background:#000;
	background:rgba(0,0,0,0.6);
	margin:0;
	padding:0;
	display:none;
	top:0;
	left:0;
	cursor:pointer;
	z-index:9999;}
#lb-overlay.active{
	-moz-transition:1s all;
	-webkit-transition:1s all;
	-o-transition:1s all;
	transition:1s all;}
#lb-img-container{
	cursor:default;
	border-radius:2px;
	padding:1em;
	background:#fff;
	width:90%;
	margin:4em auto;}
.tooltipster-default{
	border-radius:5px; 
	background:#fff;
	background:rgba(255,255,255,0.85);
	color:#333;}
.tooltipster-default .tooltipster-content{
	font-family:KlimaWeb, sans-serif;
	font-size:15px;
	line-height:1.2;
	padding:8px 10px;
	overflow:hidden;}
.tooltipster-base{
	padding:0;
	font-size:0;
	line-height:0;
	position:absolute;
	z-index:9999999;
	pointer-events:none;
	width:auto;
	overflow:visible;}
.tooltipster-arrow{
	display:block;
	text-align:center;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:-1;}
.tooltipster-arrow span, .tooltipster-arrow-border{
	display:block;
	width:0; 
	height:0;
	position:absolute;}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span{
	border-left:8px solid transparent !important;
	border-right:8px solid transparent !important;
	border-top:8px solid;
	bottom:-8px;}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border{
	border-left:9px solid transparent !important;
	border-right:9px solid transparent !important;
	border-top:9px solid;
	bottom:-8px;}
.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span{
	border-left:8px solid transparent !important;
	border-right:8px solid transparent !important;
	border-bottom:8px solid;
	top:-8px;}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border{
	border-left:9px solid transparent !important;
	border-right:9px solid transparent !important;
	border-bottom:9px solid;
	top:-8px;}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border{
	left:0;
	right:0;
	margin:0 auto;}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span{
	left:6px;}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border{
	left:5px;}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span{
	right:6px;}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border{
	right:5px;}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border{
	border-top:8px solid transparent !important;
	border-bottom:8px solid transparent !important; 
	border-left:8px solid;
	top:50%;
	margin-top:-7px;
	right:-8px;}
.tooltipster-arrow-left .tooltipster-arrow-border{
	border-top:9px solid transparent !important;
	border-bottom:9px solid transparent !important; 
	border-left:9px solid;
	margin-top:-8px;}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border{
	border-top:8px solid transparent !important;
	border-bottom:8px solid transparent !important; 
	border-right:8px solid;
	top:50%;
	margin-top:-7px;
	left:-8px;}
.tooltipster-arrow-right .tooltipster-arrow-border{
	border-top:9px solid transparent !important;
	border-bottom:9px solid transparent !important; 
	border-right:9px solid;
	margin-top:-8px;}
.tooltipster-fade{
	opacity:0;
	-webkit-transition-property:opacity;
	-moz-transition-property:opacity;
	-o-transition-property:opacity;
	-ms-transition-property:opacity;
	transition-property:opacity;}
.tooltipster-fade-show{
	opacity:1;}
.tooltipster-content-changing{
	opacity:0.5;
	-webkit-transform:scale(1.1, 1.1);
	-moz-transform:scale(1.1, 1.1);
	-o-transform:scale(1.1, 1.1);
	-ms-transform:scale(1.1, 1.1);
	transform:scale(1.1, 1.1);}
#signup-replacement{
	background:#313a42;
	background:rgba(0,40,50,0.7);
	padding:9px 13px;
	margin:0 auto;
	max-width:600px;
	display:none;}

/* Misc */
/*
Make the Facebook Like box responsive (fluid width)
https://developers.facebook.com/docs/reference/plugins/like-box/
*/
 
/* This element holds injected scripts inside iframes that in some cases may stretch layouts. So, we're just hiding it. */
#fb-root{
	display:none;}
/* To fill the container and nothing else */
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style]{
	width:100% !important;}

@media only screen and (max-width:500px){

	.mobile-hide{
		display:none !important;}

}

@media only screen and (min-width:500px) and (max-width:950px){
	/* Base */
	h1{
		font-size:2.8em;
		line-height:1}
	h2{
		font-size:2.2em;
		line-height:1.2;}
	h3{
		font-size:1.7em;
		line-height:1.25}
	h4{
		font-size:1.3em;
		line-height:1.3}
	h5{
		font-size:1.2em;
		line-height:1.6;}

	.title1{
		font-size:63px;
		letter-spacing:-0.035em;}
	.title2{
		font-size:50px;
		letter-spacing:-0.03em;}
	.title3{
		font-size:43px;
		letter-spacing:-0.025em;}

	.tablet-hide{
		display:none !important;}
		
	.two-col,
	.three-col,
	.four-col{
	-webkit-columns:2;
	-moz-columns:2;
	columns:2;}
	.five-col,
	.six-col{
	-webkit-columns:3;
	-moz-columns:3;
	columns:3;}	

	/* Main Structure */
	.section-inner{
		max-width:900px;}
	.page-content,
	.post-content{
		background:#fff;
		border-radius:2px;
		padding:2em;}
	#main.internal{
		padding-left:4%;
		padding-right:4%;}
	.ct2,
	.ct3,
	.ct6{
		display:inline;
		float:left;
		position:relative;
		margin-left:1%;
		margin-right:1%;}
	.ct2{
		width:48%;}
	.ct3{
		width:31.33%;}	
	.ct6{
		width:64.66%;}
		
	/* Header */
	#site-title{
		float:left;
		margin-right:2%;}
	#header-connect{
		display:block;
		position:absolute;
		right:50px;
		top:0;}
	#lang-nav{
		right:143px;}
	#intro-toggle{
		display:none;}
		
	/* Top Panel */
	.top-panel{
		padding:3em 0;}
	#top-panel-1 #tp-text{
		float:left;
		width:60%;}
	#tp-form{
		float:right;
		margin-left:2%;
		width:38%;
		max-width:300px;}
	#tp-headline{
		font-size:4em;}
	#tp-general #tp-headline{
		background-image:url(library/images/350-tp-headline.png);
		height:125px;}
	.es #tp-general #tp-headline{
		background-image:url(library/images/350-tp-headline-es.png);}
	.pt #tp-general #tp-headline{
		background-image:url(library/images/350-tp-headline-pt.png);}
	.de #tp-general #tp-headline{
		background-image:url(library/images/350-tp-headline-de.png);}
	.fr #tp-general #tp-headline{
		background-image:url(library/images/350-tp-headline-fr.png);}
	.ja #tp-general #tp-headline{
		background-image:url(library/images/350-tp-headline-ja.png);
		height:230px;}
	
	/* Sidebars and Widgets */
	#featboxes,
	#bottombar{
		background-color:rgba(25,33,36,0.62);}
	.widget{
		max-width:none;
		width:47.5%;
		margin:1%;}
	.tfmp-image::after{
		display:none;}
	.ticker{
		opacity:1;}
		
	/* Blog */
	#blog-switcher{
		border-radius:3px;
		overflow:hidden;
		padding-left:0;
		position:relative;}
	#blog-switcher.active .blog-tab{
		display:block;}
	.blog-tab{
		background:#dadcdf;
		display:none;
		list-style-type:none;
		padding:0.5em 0.7em;}
	.blog-tab.active{
		display:block;}
	#blog-switcher::after{
		border-top:5px solid #2a2e2f;
		border-left:5px solid transparent;
		border-right:5px solid transparent;
		content:'';
		height:0;
		position:absolute;
		top:1em;
		right:1em;
		width:0;}
	.alignright{
		float:right;
		margin:0 0 1.5em 1.5em;}
	.alignleft{
		float:left;
		margin:0 1.5em 1.5em 0;}
		

	/* Pages */
	.page-title{
		font-size:3em;
		padding:0;}
	.wf-permanentmarker-n4-active .page-title{
		font-size:3.5em;}
	.tm-title{
		height:60px;}
		
	/* Team */
	.team-member{
		background:transparent;
		cursor:default;
		padding:0;}
	.tm-more-info{
		background:#2a2e2f;
		background:rgba(0, 15, 30, 0.7);
		border-radius:0;
		color:#fff;
		display:none;
		margin-top:0;
		padding:1em;
		position:absolute;
		top:0;
		width:100%;}
	.team-member::after{
		display:none;}
	.tm-pic{
		display:block;}
	.team-member:hover .tm-more-info{
		display:block;}
	.tm-contact{
		font-weight:bold;
		margin-bottom:1em;}
	.tm-contact p{
		margin-bottom:0.2em;}
	.tm-name{
		margin-bottom:0;}
		
	/* JS helpers */
	.js .tab{
		display:inline-block;}
	.js #bg-reveal{
		display:block;}
}

@media only screen and (min-width:950px){
	
/*
Variable Grid System (Fluid Version).
http://grids.heroku.com/
Licensed under GPL and MIT.
*/

.g10{
	width:92%;
	margin-left:4%;
	margin-right:4%;}
.c1,
.c2,
.c2_5,
.c3,
.c3_3,
.c4,
.c5,
.c6,
.c6_6,
.c7,
.c7_5,
.c8,
.c9,
.c10{
	display:inline;
	float:left;
	position:relative;
	margin:1%;}
.c1{
	width:7.9%;}
.c2{
	width:17.9%;}
.c2_5{
	width:23%;}
.c3{
	width:27.9%;}
.c3_3{
	width:31.33%;}
.c4{
	width:37.9%;}
.c5{
	width:47.9%;}
.c6{
	width:57.9%;}
.c6_6{
	width:64.66%;}
.c7{
	width:67.9%;}
.c7_5{
	width:73%;}
.c8{
	width:77.9%;}
.c9{
	width:87.9%;}
.c10{
	width:97.9%;}

.c1.nomargin,
.c2.nomargin,
.c2_5.nomargin,
.c3.nomargin,
.c3_3.nomargin,
.c4.nomargin,
.c5.nomargin,
.c6.nomargin,
.c7.nomargin,
.c8.nomargin,
.c9.nomargin,
.c10.nomargin{
	margin:0;}
.c1.nomargin{
	width:10%;}
.c2.nomargin{
	width:20%;}
.c2_5.nomargin{
	width:25%;}
.c3.nomargin{
	width:30%;}
.c3_3.nomargin{
	width:33.333%;}
.c4.nomargin{
	width:40%;}
.c5.nomargin{
	width:50%;}
.c6.nomargin{
	width:60%;}
.c6_6.nomargin{
	width:66.666%;}
.c7.nomargin{
	width:70%;}
.c7_5.nomargin{
	width:75%;}
.c8.nomargin{
	width:80%;}
.c9.nomargin{
	width:90%;}
.c10.nomargin{
	width:100%;}

.left1{
	margin-left:11.0%;}
.left2{
	margin-left:21.0%;}
.left3{
	margin-left:31.0%;}
.left4{
	margin-left:41.0%;}
.left5{
	margin-left:51.0%;}
.left6{
	margin-left:61.0%;}
.left7{
	margin-left:71.0%;}
.left8{
	margin-left:81.0%;}
.left9{
	margin-left:91.0%;}
.left-1{
	margin-left:-9%;}
.left-2{
	margin-left:-19%;}
.left-3{
	margin-left:-29%;}
.left-4{
	margin-left:-39%;}
.right-1{
	right:-9%;
	position:absolute;}
.right-2{
	right:-19%;
	position:absolute;}
.right-3{
	right:-29%;
	position:absolute;}
.right-4{
	right:-39%;
	position:absolute;}
.right-5{
	right:-49%;
	position:absolute;}
.right1{
	margin-right:11.0%;}
.right2{
	margin-right:21.0%;}
.right3{
	margin-right:31.0%;}
.right4{
	margin-right:41.0%;}
.right5{
	margin-right:51.0%;}
.right6{
	margin-right:61.0%;}
.right7{
	margin-right:71.0%;}
.right8{
	margin-right:81.0%;}
.right9{
	margin-right:91.0%;}
	
	/* Base */
	h1{
		font-size:3em;
		letter-spacing:-0.02em;
		line-height:1.1;}
	h2{
		font-size:2.2em;}
	h3{
		font-size:1.7em;}
	h5{
		font-size:1.25em;
		line-height:1.6;}

	.desktop-hide{
		display:none !important;}
	.title1{
		font-size:80px;
		letter-spacing:-0.04em;}
	.title2{
		font-size:60px;
		letter-spacing:-0.035em;}
	.title3{
		font-size:50px;
		letter-spacing:-0.03em;}
		
	.two-col{
		-webkit-columns:2;
		-moz-columns:2;
		columns:2;}
	.three-col{
		-webkit-columns:3;
		-moz-columns:3;
		columns:3;}
	.four-col{
		-webkit-columns:4;
		-moz-columns:4;
		columns:4;}
	.five-col{
		-webkit-columns:5;
		-moz-columns:5;
		columns:5;}
	.six-col{
		-webkit-columns:6;
		-moz-columns:6;
		columns:6;}

	/* Main Structure */
	#container{
		position:relative;}
	.section,
	#main.internal{
		padding-right:5%;
		padding-left:5%;}
	.section-inner{
		max-width:1150px;}
	.page-content,
	.post-content{
		background:#fff;
		border-radius:2px;
		line-height:1.6;
		padding:2em;}
	#main{
		background-color:transparent;}
	
		
	/* Header */
	#site-header{
		background:transparent;
		height:auto;
		padding:20px 6% 0;
		width:100%;}
	#site-header-inner{
		background:#009fc2;
		background:rgba(4, 160, 195, 0.85);
		border-radius:2px;
		color:#fff;
		margin:0 auto;
		height:50px;
		max-width:1130px;}
	#header-donate{
		display:block;
		float:right;}
	#intro-toggle{
		display:none;}

	/* Nav */
	#site-nav{
		width:45%;
		z-index:89;}
	#site-nav a{
		color:#fff;
		font-size:1.1em;}
	#site-nav a:hover{
		color:#cccdcf;}
	.js #nav-label{
		display:none;}
	.js #site-nav{
		display:block;}
	nav li{
		position: relative;}
	.sub-menu{
		background:#2a2e2f;
		border-radius:0 0 2px 2px;
		color:#fff;
		display:none;
		position:absolute;
		top:50px;
		left:0;
		width:600px;
		padding-left:0;}
	.menu-two-col .sub-menu{
		width:400px;}
	.menu-four-col .sub-menu{
		width:800px;}
	.sub-menu .menu-item{
		width:200px;
		float:left;}
	.sub-menu .sub-menu{
		background:#2a2e2f;
		display:block;
		padding-bottom:10px;
		position:static;
		width:auto;}
	.sub-menu .sub-menu .menu-item{
		width:auto;
		float:none;}
	.sub-menu .sub-menu a,
	.nonsemantic .sub-menu .sub-menu a{
		font-size:0.8em !important;
		font-weight:normal;
		padding:0.2em 0.2em 0.2em 1em;}
	.sub-menu a,
	.nonsemantic .sub-menu a{
		background:#2a2e2f;
		display:block;
		font-weight:bold;
		font-size:0.95em !important;
		padding:0.6em 0.8em;}
	.sub-menu a:hover{
		background:#495357;
		opacity:1;}
	.parent{
		position:relative;}
	.parent > a{
		padding-right:25px !important;}
	.sub-menu .parent > a{
		background:inherit !important;
		color:inherit !important;
		cursor:default;
		opacity:1 !important;}
	.parent > a::after{
		content:'';
		display:block;
		position:absolute;
		right:10px;
		top:23px;
		border-top:5px solid #d2edf4;
		border-left:5px solid transparent;
		border-right:5px solid transparent;}
	.parent .parent a::after{
		display:none;}
	.parent:hover .sub-menu{
		display:block;}
	#menu-main-nav > .menu-item{
		display:inline-block;
		height:50px;
		position:relative;
		overflow:visible;}
	#menu-main-nav > .menu-item > a{
		color:#d2edf4;
		display:inline-block;
		height:50px;
		letter-spacing:-0.02em;
		line-height:1.1;
		font-size:1.1em;
		padding:14px 12px;}
	#menu-main-nav > .menu-item:hover > a,
	#menu-main-nav > .menu-item > a:hover{
		background:#2a2e2f;
		color:#fff;
		opacity:1;}
	.wf-graphweb-n7-active #menu-main-nav > li > a{
		font-family:GraphWeb,KlimaWeb,sans-serif;
		font-size:1.2em;
		letter-spacing:0;
		line-height:1;
		text-transform:uppercase;}
	#lang-nav{
		margin:0;
		position:relative;
		top:auto;
		right:auto;}
	#header-connect{
		display:inherit;}
	
	/* Top Panel */
	#top-panel{
		background:transparent none !important;}
	.top-panel{
		padding:6em 0;}
	#tp-headline{
		font-size:5em;
		margin-bottom:15px;
		text-shadow:0 0 1em rgba(0,15,30,0.8);}
	#tp-text{
		text-shadow:0 0 1.8em rgba(0,15,30,0.8);}
	#tp-copy{
		padding-right:1.5em}
	#tp-form{
		margin-bottom:0;
		margin-top:0;}
	#tp-subhead{
		font-size:2em;}
	#tp-general{
		background:radial-gradient(ellipse farthest-side, rgba(0, 20, 30, 0.5), rgba(0, 0, 0, 0)) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
		padding:4em 0 5em;}
	.es #tp-general #tp-headline{
		background-image:url(library/images/350-tp-headline-es.png);}
	.pt #tp-general #tp-headline{
		background-image:url(library/images/350-tp-headline-pt.png);}
	.de #tp-general #tp-headline{
		background-image:url(library/images/350-tp-headline-de.png);}
	.fr #tp-general #tp-headline{
		background-image:url(library/images/350-tp-headline-fr.png);
		height:270px;}
	.ja #tp-general #tp-headline{
		background-image:url(library/images/350-tp-headline-ja.png);
		height:250px;}
	
	#tp-general-form{
		max-width:none;}
	#tpg-form{
		display:inline-block;
		-webkit-transition:all .5s linear;
		-moz-transition:all .5s linear;
		transition:all .5s linear;
		white-space:nowrap;
		width:425px;}
	.no-js #tpg-form{
		width:790px;}
	.ja #tpg-form{
		width:445px;}
	#tp-general #tp-headline{
		background-image:url(library/images/350-tp-headline.png);
		height:175px;}
	#tp-general #tp-subhead{
		font-size:1.3em;
		width:80%;}
	#tp-sm-span{
		display:inline-block;
		margin-top:0;
		text-align:left;
		vertical-align:top;}
	.tpg-input{
		border-radius:0;
		margin:0 0 0 3px;
		vertical-align:top;}
	#tpg-email{
		border-radius:2px 0 0 2px;
		width:300px;}
	#tpg-city{
		width:150px;}
	#tpg-country{
		width:180px;}
	#tpg-submit{
		border-radius:0 3px 3px 0;
		box-shadow:none;
		height:50px;
		margin:0;
		width:120px;}
	.fr #tpg-form{
		width:475px;}	
	.fr #tpg-submit{
		width:170px;}
	.ja #tpg-submit{
		width:140px;}
	#tpg-hidden{
		display:inline-block;
		height:50px;
		overflow:hidden;
		text-align:left;
		vertical-align:top;
		white-space:nowrap;}
	.js #tpg-hidden{
		display:inline-block;
		-webkit-transition:all .5s linear;
		-moz-transition:all .5s linear;
		transition:all .5s linear;
		width:0;}
	#tpg-form.width-expanded{
		width:765px;}
	.ja #tpg-form.width-expanded{
		width:785px;}
	.js #tpg-hidden.width-expanded{
		width:337px;}
	
		
	/* Widgets */
	.widget{
		max-width:none;}
		
	/* Pages */
	.page-title{
		font-size:4em;
		padding:0;}
	.wf-permanentmarker-n4-active .page-title{
		font-family:'Permanent Marker',KlimaWeb,sans-serif;
		font-size:4.5em;
		font-weight:500;
		letter-spacing:-0.04em;
		line-height:1;
		margin-top:0.1em;
		margin-bottom:0.3em;}
	.page-nav-label{
		display:block;}
	.fa-list{
		-webkit-columns:3;
		-moz-columns:3;
		columns: 3;}
	/* Featboxes */
	#tf-sm{
		float:left;
		margin:8px 0.5% 8px 1%;}
	#featboxes,
	#bottombar{
		background-color:rgba(25,50,60,0.62);}
	#featboxes{
		padding-bottom:80px;}
	.ticker{
		opacity:1;}
		
	/* Sidebar */
	.anchor-link{
		color:#fff;}
	.anchor-link.active::after{
		color:#cbcdcf;
		content:' ←';}
	
	/* Blog */
	#blog{
		position:relative;}
	#blog-inner{
		padding-top:2.5em;}
	#blog-switcher{
		left:0;
		padding-left:0;
		position:absolute;
		top:-34px;
		width:100%;}
	#blog-switcher::after{
		display:none;}
	.blog-tab{
		background:none;
		margin:0 0 0 1%;
		padding:0;
		width:auto;}
	.blog-link{
		background:#dadcdf url(library/images/sprite.png) no-repeat left 100px;
		border-bottom:1px solid #bfc3c6;
		border-radius:3px 3px 0 0;
		color:#2a2e2f;
		display:block;
		height:34px;
		padding:0.4em 1em 0.4em 39px;}
	.blog-link:before {
		border-bottom:1px solid #bfc3c6;
		border-right:6px solid #dadcdf;
		border-top:31px solid transparent;
		content:"";
		display:block;
		height:0;
		left:-6px;
		position:absolute;
		top:2px;
		width:0;}
	.blog-link:after {
		border-bottom:1px solid #bfc3c6;
		border-left:6px solid #dadcdf;
		border-top:31px solid transparent;
		content:"";
		display:block;
		height:0;
		right:-6px;
		position:absolute;
		top:2px;
		width:0;}
	.blog-link.active {
		background-color:#fff;
		border-bottom:1px solid #fff;
		cursor:default;}
	.blog-link.active:before{
		border-color:transparent #fff #fff transparent;}
	.blog-link.active:after{
		border-color:transparent transparent #fff #fff;}
	.blog-link.active:hover{
		opacity:1;}
	#blog-feat-link{
		background-position:6px 8px;}
	#blog-feat-link.active{
		background-position:6px -92px;}
	#blog-fb-link{
		background-position:6px -194px;}
	#blog-fb-link.active{
		background-position:6px -294px;}
	#blog-all-link{
		background-position:6px -393px;}
	#blog-all-link.active{
		background-position:6px -493px;}
	#blog-category-link{
		background-position:6px -593px;}
	#blog-category-link.active{
		background-position:6px -693px;}
	.post-meta-info{
		-moz-hyphens:none;
		hyphens:none;}
	#post-header{
		margin-bottom:1em;}	
	#category-label{
		color:#fff;}
		
	.alignright{
		float:right;
		margin:0 0 1.5em 1.5em;}
	.alignleft{
		float:left;
		margin:0 1.5em 1.5em 0;}

	/* Team */
	.team-member{
		background:transparent;
		cursor:default;
		padding:0;}
	.tm-more-info{
		background:#2a2e2f;
		background:rgba(0, 15, 30, 0.7);
		border-radius:0;
		color:#fff;
		display:none;
		margin-top:0;
		padding:1em;
		position:absolute;
		top:0;
		width:100%;}
	.team-member::after{
		display:none;}
	.team-member:hover .tm-more-info{
		display:block;}
	.tm-pic{
		display:block;
		height:175px;
		overflow:hidden;}
	.tm-contact{
		font-weight:bold;
		margin-bottom:1em;}
	.tm-contact p{
		margin-bottom:0.2em;}
	.tm-name{
		margin-bottom:0;}
	.tm-title{
		height:60px;}
		
	/* Campaigns */
	.cmpgn-desc{
		margin-bottom:1em;}
		
	/* Intro */
	#intro{
		box-shadow:0px 0px 4px #313a42;
		height:auto;
		margin-bottom:30px;
		padding:30px 0;
		position:relative;
		z-index:900;}

/* JS helpers */
	.wrapper-sticky{
		margin-right:1% !important;}
	.wrapper-sticky #secondary{
		margin:0 0 6em;}
	.js .tab{
		display:inline-block;}
	.js #bg-reveal{
		border-radius:3px;
		bottom:15px;
		color:#fff;
		display:block;
		font-size:14px;
		font-weight:500;
		padding:3px 39px 3px 5px;
		position:fixed;
		right:15px;
		text-indent:-9999px;
		width:30px;}
	.js #bg-reveal:hover{
		background-color:#3b3e3f;
		background-color:rgba(30,40,50,0.85);
		text-indent:0;
		width:auto;}	

.menu-hide,
.es #header-donate,
.pt #header-donate,
.de #header-donate,
.fr #header-donate{
	display:none !important;
	visibility:hidden !important;}
.right{
	float:right;}

}

@media only screen and (min-width:1100px){
	/* Main Structure */
	.section,
	#main.internal{
		padding-right:6%;
		padding-left:6%;}
	#site-header{
		padding-left:7%;
		padding-right:7%;}
}

@media only screen and (min-width:950px) and (max-height:700px){
	.top-panel{
		padding:5.5em 0 5em;}
	#site-header{
		padding-top:15px;}
}
@media only screen and (min-width:950px) and (min-height:900px){
	.top-panel{
		padding:6.5em 0 6.5em;}
	#site-header{
		padding-top:25px;}
}
@media screen and (max-width:500px) and (-webkit-min-device-pixel-ratio:0){ 
	body{
		background-size:auto !important;}
}
@media screen and (-webkit-min-device-pixel-ratio:0){ 
select{
	font-family:sans-serif !important;}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2){
	#ticker-inner::before,
	a.icon-button,
	.fb-share,
	.tw-share,
	#header-connect,
	a#lang-nav-label,
	.tp-sm,
	.cat-link,
	.tm-contact p,
	#bg-reveal,
	.blog-link{
		background-image:url(library/images/sprite@2x.png);
		background-size:1600px 1311px;}
}
.de #blog-inner,{
	display:none;}