/*
 Theme Name:   350.org+Baseline
 Template: baseline
 Theme URI:    http://baseline.350.org
 Description:  Child theme for main 350.org website, Baseline parent theme
 Author:       Matthew Anderson
 Author URI:   http://matthewanderson.cc
 Version:      1.0.21
 Text Domain:  bl-350org
*/


/* 350 logo */
.tf-logo{
  background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMiIgYmFzZVByb2ZpbGU9InRpbnkiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIgoJIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjUxLjMgMTA4LjciIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik04OC44LDUyLjdjNi44LTcuMSw5LjMtMTYuOCw3LjgtMjYuM2MtMS42LTkuNy04LjEtMTcuOS0xNy4xLTIyLjFDNzAuNSwwLDU2LjksMC4zLDQ5LDQuMwoJCWMtNy45LDQuMS0xNC4xLDEzLjktMTUuMywxNS42Yy0wLjUsMC43LTAuMywxLjksMC41LDIuNmMxLjMsMS4xLDkuMiw4LjEsMTEuNyw5LjljMS4zLDAuOSwyLjQsMC45LDMuNi0wLjRjMS42LTEuNiw0LjYtNSw2LjMtNi41CgkJYzIuNS0yLjEsNS43LTIuOCw3LjctMi44YzQuNywwLDguNiwyLjEsMTAuMSw2LjJjMS40LDMuOCwwLjQsOC43LTMuMSwxMWMtMi44LDEuOS03LjgsMi43LTEwLjksMy4yYy00LjQsMC42LTQuNSwyLjQtNC43LDQKCQljLTAuMywyLjgtMC40LDguNC0wLjIsMTEuOGMwLjIsMi42LDMuMywzLjUsNi4zLDMuOWMzLDAuNSw1LjQsMC40LDgsMS40YzQuNCwxLjYsNi44LDcsNi4xLDExLjVjLTAuNyw0LjYtNC45LDcuNi05LjQsOC4yCgkJYy00LjgsMC42LTktMi41LTEyLTUuOWMtMS41LTEuNy00LjItNC44LTUuMy02LjFjLTAuOC0wLjktMi4xLTAuNS0zLjIsMC4xYy0xLjcsMS0xMi40LDguNC0xMy45LDkuNWMtMC44LDAuOC0xLDEuNS0wLjQsMi40CgkJYzIuMSwzLjUsNC42LDcuMyw3LjYsMTAuOGMzLjEsMy43LDcuMiw2LjYsMTEuNiw4LjdjMTQsNi42LDMxLjksMi40LDQxLjQtOS43QzEwMS4xLDgxLjQsMTAwLjEsNjMuNiw4OC44LDUyLjd6Ii8+Cgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjE0LjcsMS4xYy0xOS4xLDAtMzQuNywxNS4zLTM0LjcsMzQuMXYzOC4yYzAsMTguOCwxNS42LDM0LjEsMzQuNywzNC4xYzE5LjEsMCwzNC43LTE1LjMsMzQuNy0zNC4xVjM1LjIKCQlDMjQ5LjQsMTYuNCwyMzMuOSwxLjEsMjE0LjcsMS4xeiBNMjAzLjYsMzQuMWMwLTYsNS0xMSwxMS4yLTExYzYuMiwwLDExLjIsNC45LDExLjIsMTF2NDEuNGMwLDYtNSwxMS0xMS4yLDExCgkJYy02LjEsMC0xMS4yLTQuOS0xMS4yLTExVjM0LjF6Ii8+Cgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTcxLjUsNTYuOGMtNy44LTE5LjItMzMuOC0yMy00My41LTE2LjVjMC4zLTIuNSwyLjItMTUuNCwyLjUtMThjLTAuNCwwLDI4LjUsMCwzMi44LDAKCQljMS4xLDAsMi0wLjcsMi4xLTEuN2MwLjItMy4yLDAtMTIuOSwwLTE2LjljMC0xLjMtMC41LTEuOS0yLjEtMS45Yy0xMC44LDAtMzYuNi0wLjEtNDcuNC0wLjFjLTIuNiwwLTIuOSwxLjgtMy4yLDMuNwoJCWMtMSw2LjUtNy45LDUwLjEtOC4xLDUxLjRjLTAuMSwxLjMsMC4xLDEuOCwxLjQsMi42YzMuNCwxLjYsMTAuOSw0LjcsMTIuNSw1LjRjMS44LDAuOCwyLjgsMS42LDQuNS0wLjNjNC41LTQuOSw2LjQtNywxMC4xLTcuOQoJCWM1LjEtMS4yLDExLDAuMSwxNC42LDMuOGMzLjcsMy43LDQuNiwxMC45LDMsMTUuNWMtMS40LDQtNC4yLDcuNi0xMC4yLDguM2MtNiwwLjgtMTEuNC0wLjgtMTYuNS00LjZjLTEuOS0xLjQtNC40LTMuMy02LTQuOAoJCWMtMS41LTEuMy0yLjUtMC44LTQuNiwxLjRjLTIuOSwzLTcuMiw4LjEtMTAsMTAuOWMtMS40LDEuNC0xLjUsMi40LTAuMSwzLjljMy4yLDMuNSw2LjUsNi4zLDEwLjgsOS4zYzguNSw1LjksMjAuNCw3LjksMzAuNyw2LjIKCQljOS0xLjUsMTctNi40LDIyLjUtMTMuMmM1LTYuMiw2LjktMTMuNiw3LTIxLjJDMTc0LjMsNjcuNCwxNzQuMiw2My4zLDE3MS41LDU2Ljh6Ii8+Cgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMzkuNiw1OC4zYzAtMy42LDAtMTEuMywwLTEyLjFjMC0xLjYtMC44LTIuOC0yLTIuOGMtMC44LDAtMTIuMywwLTEyLjMsMFYyOS43YzAtMS4xLTAuOC0yLjItMS45LTIuNQoJCWMtMS4xLTAuMy0yLjQsMC4xLTMuMSwxTDIuOCw1MC43Yy0wLjcsMC45LTAuNywyLjEsMCwzbDE3LjQsMjIuN2MwLjUsMC43LDEuNCwxLjEsMi4yLDEuMWMwLjMsMCwwLjYsMCwwLjgtMC4xCgkJYzEuMS0wLjMsMS45LTEuNCwxLjktMi41VjYxLjVjMCwwLDEwLDAsMTEuMywwQzM4LjgsNjEuNSwzOS42LDYwLDM5LjYsNTguM3oiLz4KPC9nPgo8L3N2Zz4K);
  background-position:left center;
  background-repeat:no-repeat;
  display:inline-block;
  height:0.77em;
  text-indent:-9999px;
  vertical-align:middle;
  width:1.9em;}
a:hover .tf-logo{
  opacity:0.6;}

.text-font-graph,
.text-font-graphcondensed{
	font-family:GraphCondensedWeb,KlimaWeb,Klima,-apple-system,BlinkMacSystemFont,arial,sans-serif;}
h1, h2, .title0, .title1, .title2, .title3, .title4{
  letter-spacing:-0.02em;}
.wf-graphcondensedweb-n7-active #intro-headline .text-font-graphcondensed span{
	font-size:1.1em;}

/* override default fallback bg color for transparent */
nav.nav-desktop-dropdown.bg-transparent a{
	background-color:transparent;}

.bg-on #site-header{
	background-image: -moz-linear-gradient(top, rgba(23,41,46,0.7) 0%, rgba(23,41,46,0) 100%); /* FF3.6-15 */
	background-image: -webkit-linear-gradient(top, rgba(23,41,46,0.7) 0%,rgba(23,41,46,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background-image: linear-gradient(to bottom, rgba(23,41,46,0.7) 0%,rgba(23,41,46,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b317292e', endColorstr='#0017292e',GradientType=0 ); /* IE6-9 */
	background-image:linear-gradient(to bottom, rgba(23,41,46,0.7) 0%,rgba(23,41,46,0) 100%);}
#site-header{
	z-index:100;}
#site-header-inner{
	display:flex;
	max-width:100%;}

#site-title{
  flex:0;
	margin-top:0;
	margin-right:1px;
	order:1;}
#site-title #site-title-link{
  align-items:center;
  align-self:stretch;
	background-color:#0f81e8;
	color:#fff !important;
  display:flex;
	/* prevents vertical metrics jump when webfonts load */
	font-family:sans-serif;
	font-size:1.6rem;
	margin-top:0;
	padding:0.3rem 0.35rem 0.25rem 0.4rem;}
/* Hide site title */
#site-title .title-text{
	display:none;}
.js #site-nav-toggle{
	margin-left:1px;
  padding:0 0.5em;
	order:3;}
.js #site-nav-toggle:hover,
.js #site-nav-toggle:active{
	color:rgba(255,255,255,0.5);}
#site-header-inner .site-nav{
	order:4;}

#header-buttons-container{
	display:none;
	order:10;}

.home #intro-headline h1{
	text-transform:uppercase;}

.home #side-share{
	display:none;}

/* Campaigns */
.campaign-image{
	border-radius:3px;
	box-shadow:0 0 0 1px rgba(0,0,0,0.1);
	overflow:hidden;
	max-width:200px;}
.campaign-name{
	font-family:KlimaWeb,Klima,-apple-system,BlinkMacSystemFont,arial,sans-serif;
	margin-bottom:0.1em;}

/* 404 */
.error404 #body-mobile-background{
	background-image:url(https://350.org/wp-content/uploads/2017/05/350-bg-pcm-kidsign2.jpg);}

/* use solid blue bg when header is pinned to the top of the page */
.headroom--pinned.headroom--not-top.bg-transparent{
  background-color:#0f81e8;
  background-image:none !important;
  border-bottom:1px solid rgba(21,36,43,0.15);}

/* non-standard legacy button */
.header-button{
  align-items:center;
  background-color:#40d7d4;
  border-radius:1.8em;
  border:1px solid transparent;
  color:#fff;
  cursor:pointer;
  display:block;
  display:inline-flex;// vertically center any icons/misc stuff in the button
  font-weight:bold;
  font-size:0.8em;
  height:auto;
  justify-content:center;
  line-height:1.1;
  padding:0.6em 1.2em;
  position:relative;
  text-align:center;
  text-decoration:none;
  transition:transform 70ms;
  white-space:normal;
}

/* Tablet only */
@media screen and ( min-width:720px ) and (max-width: 899px){

	#site-header-inner{
		max-width:95vw;}

	#site-bottombar{
		padding-left:1%;
		padding-right:1%;}
	#site-bottombar .section-inner{
		max-width:100%;}
	#site-bottombar .widget{
		display:block;
		float:left;
		margin:0 1% 1em 1%;
		width:31%;}
}

/* Tablet and up */
@media screen and ( min-width:720px ){



	.js #site-nav-label{
    align-items:center;
    display:flex;
		padding:0.2rem 0.7rem 0.2rem 2rem;
		width:auto;}
  #site-nav-button-label{
    text-indent:0;}
	#header-buttons-container{
		display:flex;}
	#site-language-nav-label{
		margin-right:0.5em;
		opacity:1;}
}

/* Desktop and up */
@media screen and ( min-width:900px ){

	#site-header-inner{
		max-width:1200px;}

	.js #site-nav-label{
    display:none;}

	.home #intro .section-inner{
		position:relative;
		top:1em;
		width:100%;}
	.home #intro-headline h1{
		line-height:1;}
	.home #intro-tag{
		max-width:30em;}



	/* BG rotator */
	.js-bg-rotate-img{
		background-position:right center !important;}

	#site-title a{
		font-size:1.5em;}
  #site-header.header-layout-flex .site-nav.nav-desktop-dropdown{
    align-self:flex-start;}
	#site-header .site-nav.nav-desktop-dropdown,
	#site-header .language-nav.nav-desktop-dropdown{
		border:0 none;}
	#site-header.header-layout-flex .site-nav{
		margin-left:0;}

}