input[type=submit], input[type=button], button, .scstandard-button, a.scstandard-button:link, a.scstandard-button:visited, a.button, a.button:visited {
    font-family: 'ProximaNovaA-Light', arial, helvetica, sans-serif !important;
    font-size: 18px;    
}

.empty, .empty:visited, .empty:link, .empty:active { text-decoration: none !important; cursor: text !important; color: black !important; }

#block-views-program-pages-block-5 h2, .pane-views-program-pages-block-5 h2 { display: none; }
#block-views-program-pages-block-5 .views-field-field-policy-link ,.pane-views-program-pages-block-5 .views-field-field-policy-link { display: none; }
#block-views-program-pages-block-5 { margin-top: 30px; }

#block-views-program-pages-block-5 p, .pane-views-program-pages-block-5 p {     font-family: 'ProximaNovaA-Regular', arial, helvetica, sans-serif !important;
    font-size: 15px;    
}
#programpanellayout { position:relative;     margin-top: 7px; }

#programpanellayout .pane-3 a, #programpanellayout .pane-3 a:link, #programpanellayout .pane-3 a:visited {
    color: #ffd247; 
}
#infographic-source {     margin-top: 0;
    text-align: left;
    font-size: 11px;
    color: #ccc;
    background: #303030;
    padding: 3px 22px; }
#infographic-source a, #infographic-source a:link, #infographic-source a:visited { color: #a89217 !important;}


#programpanellayout #program-logo {
    position: absolute;
    left: 20px;
    top: 35px;
    width: 141px;
    height: 144px;
    background: url(/sites/www.sierraclub.org/files/logo-ready-for-100.png);
    z-index: 1;
}

@media (max-width: 43em) {
#programpanellayout #program-logo {
    background-size: 50%;
    background-repeat: no-repeat;
}
}

#programpanellayout .photo-credit {
    position: absolute;
    right: 0;
    margin-top: -80px;
    font-size: 12px;
    font-style: italic;
}
#programpanellayout .program-arrow {
    position: absolute;
    margin: 0 auto;
    width: 178px;
    opacity: .6;
    height: 60px;
    margin-top: -80px;
    margin-left: -89px;
    left: 50%;
    background: url(/sites/www.sierraclub.org/files/readyfor100-arrow.png);
    cursor: pointer;
}
#programpanellayout .program-arrow:hover {
    margin-top: -70px;
    opacity: .8;
}
#programpanellayout .program-arrow a {
    display: block;
    width: 100%;
    height: 60px;
}
#programpanellayout .program-rule {
    margin: 0 auto;
    width: 50%;
    font-size: 1px;
    line-height: 6px;
    height: 6px;
    background: #ffd247;
    margin-top: 48px;
    margin-bottom: 28px;
}
#programpanellayout .program-tagline P, #programpanellayout .program-tagline  {
    font-family: 'ProximaNovaA-Thin', arial, helvetica, sans-serif !important;
    font-size: 18px;
    text-align: center;
    color: white;
}
@media (min-width: 43em) {
#programpanellayout .program-tagline P, #programpanellayout .program-tagline  {
    font-size: 25px;
}
}

@media (min-width: 60em) {
#programpanellayout .program-tagline P, #programpanellayout .program-tagline  {
    font-size: 34px;
}
}

#block-og-menu-single-menu {
    margin-bottom: 25px;
}
@media (min-width: 43em) {
#block-og-menu-single-menu {
    margin-bottom: 0;
    top: 100px;
}
}
@media (min-width: 60em) {
#block-og-menu-single-menu {
    top: 70px;
}
}
@media (min-width: 1264px) {
#block-og-menu-single-menu {
    top: 40px;
}
}



.clean-energy-box { border: 2px solid #999; padding: 10px; background: #ccc; margin: 20px; }

.sidebars .dividerThick > .view {
    background: transparent;
}

#block-views-program-pages-donate-form, .pane-views-program-pages-donate-form { 
    margin-top: 0;
}
.sidebars #block-views-program-pages-donate-form {
    margin-top: 30px;
}
#block-views-program-pages-donate-form .view, .pane-views-program-pages-donate-form .view {
    border: 2px solid #f83a00;
    padding: 15px !important;   
    margin: 0 !important;
}


.view-display-id-donate_form .intro-text p, .view-display-id-donate_form .intro-text {
    font-size: 24px;
    font-family:  ProximaNovaA-Regular, arial, helvetica, sans-serif;
}
.convio-donor-level label {
    font-size: 18px;
    font-family:  ProximaNovaA-Regular, arial, helvetica, sans-serif;
}
@media (min-width: 43em) {
.convio-donor-level label {
    font-size: 12px;
}
.view-display-id-donate_form .intro-text p, .view-display-id-donate_form .intro-text {
    font-size: 12px;
}
}

@media (min-width: 60em) {
.convio-donor-level label {
    font-size: 18px;
}
.view-display-id-donate_form .intro-text p, .view-display-id-donate_form .intro-text {
    font-size: 24px;
}
}

.section-ready-for-100 h2.pane-title {
    font-family: 'proxima-nova', arial, helvetica, sans-serif;
    font-weight: 700;
    letter-spacing: .1em;
    font-size: 15px;
    color: #18272f;
    background: transparent;
    padding: 0;
    height: auto;
}
@media (min-width: 43em) {
.section-ready-for-100 h2.pane-title {
    letter-spacing: .20em;
    font-size: 24px;
}
}

@media (min-width: 60em) {
.section-ready-for-100 h2.pane-title {
    letter-spacing: .35em;
    font-size: 34px;
}
}

.section-ready-for-100 .view-id-program_blog_blocks .views-field-field-image {
    clear: left;
    float: left;
    width: 24%;
}
.section-ready-for-100 .view-id-program_blog_blocks .views-field-field-image .field-content {
    margin-bottom: 57px;
    margin-right: 18px;
}
.section-ready-for-100 .view-id-program_blog_blocks .views-field-field-image IMG {
    width: 100%;
    height: auto;
}
.section-ready-for-100 .view-id-program_blog_blocks .views-field-title, .section-ready-for-100 .view-id-program_blog_blocks .views-field-body {
    float: left; 
    width: 76%;
}
.section-ready-for-100 .view-id-program_blog_blocks .views-field-title a {
    font-family: 'ProximaNovaA-Bold', arial, helvetica, sans-serif !important;
    font-size: 12px;
    color: #18272f;
    line-height: 120%;
}
.section-ready-for-100 .view-id-program_blog_blocks .views-field-title a:hover{
    text-decoration: underline;
}
.section-ready-for-100 .view-id-program_blog_blocks .views-field-title a:visited {
    color: #18272f;
}
.section-ready-for-100 .view-id-program_blog_blocks .views-field-body div.field-content {
    font-family:  ProximaNovaA-Light, arial, helvetica, sans-serif;
    font-size: 12px;
    line-height: 120%;
    padding-bottom: 12px;
}

@media (min-width: 43em) {
.section-ready-for-100 .view-id-program_blog_blocks .views-field-body div.field-content {
    font-size: 15px;
}
.section-ready-for-100 .view-id-program_blog_blocks .views-field-title a {
    font-size: 15px;
}
}
@media (min-width: 60em) {
.section-ready-for-100 .view-id-program_blog_blocks .views-field-body div.field-content {
    font-size: 16px;
}    
.section-ready-for-100 .view-id-program_blog_blocks .views-field-title a {
    font-size: 18px;
}
}

.pane-views-ready-for-100-block {
    margin: 0 20px;
}
.view-ready-for-100 .views-row { width: 33.333333333%; float: left; margin-bottom: 40px; position: relative; }
.views-row-1, .views-row-4 { clear: left; }
.view-ready-for-100 .views-row-last { margin-bottom: 80px;}

.view-ready-for-100 { position: relative; }

.homepage-story-image { margin: 0 16px; }
.homepage-story-image IMG { width: 100%; }
.homepage-story-text { margin: 0 12px; display: none; text-align: center; position: absolute; left: 0; top: 0; z-index: 2; }
.homepage-story-text p { padding-top: 12px; font-family: ProximaNovaA-LightIt, arial, helvetica, sans-serif; color: white; font-size: 18px; line-height: 120%;  }
.homepage-story-text h2 { font-family: ProximaNovaA-Bold, arial, helvetica, sans-serif; color: white; font-size: 18px; margin-bottom: 5px; }
.homepage-story-text h3 { font-family: ProximaNovaA-Regular, arial, helvetica, sans-serif; color: white; font-size: 15px; margin-top: 0px;  }
.homepage-story-text h4 { font-family:  ProximaNovaA-Light, arial, helvetica, sans-serif; color: #ffd247; font-size: 14px; }
.homepage-story-text a { font-family:  ProximaNovaA-Light, arial, helvetica, sans-serif; color: #ffd247; font-size: 14px; }
.homepage-story-text a, .homepage-story-text a:visited { color: #ffd247 }
.homepage-story-text a:hover {text-decoration: underline;}


@media (max-width: 60em) {
.view-ready-for-100 .views-row { width: 33.333333333%; float: left; margin-bottom: 40px; position: static; }
.homepage-story-text { margin: 80px 10% 0; display: none; text-align: center; position: absolute; left: 0; top: 0; padding: 20px; background: #345566; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px; }
.homepage-story-text p { font-size: 12px;  }
.homepage-story-text h2 { font-size: 15px;  }
.homepage-story-text h3 { font-size: 12px; }
.homepage-story-text h4, .homepage-story-text a { color: #ffd247; font-size: 10px; }

#programpanellayout .program-tagline P, #programpanellayout .program-tagline  {
    font-family: 'proxima-nova', arial, helvetica, sans-serif !important;
    font-weight: 100;
    font-size: 22px;
}
}

@media (max-width: 1200px) {
.homepage-story-text p { font-size: 14px;  }
.homepage-story-text h2 { font-size: 16px;  }
.homepage-story-text h3 { font-size: 14px; }
}



#programpanellayout .more-link {
    margin-left: 24%;
    letter-spacing: 3px;
}

#programpanellayout .more-link a, #programpanellayout .more-link a:link, #programpanellayout .more-link a:visited, #programpanellayout .more-link a:hover {
    font-family: ProximaNovaA-Bold, arial, helvetica, sans-serif; 
    text-transform: uppercase;
    color: #58585a !important;
}
#programpanellayout .more-link:after {
    content: ">>";
    font-family: ProximaNovaA-Bold, arial, helvetica, sans-serif; 
    letter-spacing: 3px;
    color: #ffd247;
}





/* SVG Styles*/
svg {
	fill:#231f20;font-family:Arial,"Sans Serif";font-weight:bold;writing-mode:lr-tb;
	left: 0;
	max-width: 100%;
	position: absolute;
	top: 0;
	width: 100%;
}
#target-point1:hover,#target-point2:hover,#target-point3:hover,#target-point4:hover {
	cursor: pointer;
}
#title tspan {
	text-transform: uppercase;
}
text {
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
}
section.content {
    position: relative;
	width: 100%;
	overflow: hidden;
	padding-top: 35.919%;
}
#arrow-pointer { display: none ;}




/* INFOGRAPHIC*/

#infographic { background: #f26522; }
#exploration { height: 100px; background: #404041;}

#zip-form { height: 50px;}
#title-zip { float:left;  background: url(http://www.sierraclub.org/sites/www.sierraclub.org/files/infographic-seeelsewhere.png) no-repeat 6px center; height: 50px; width: 155px; }
#title-zip span { display:none }
#zip-picker { width: 70px;  border: 1px #a4a5a6 solid; border-right: 0px; padding: 0 4px; margin: 0; line-height: 21px; font-size: 10px; }
#zip-picker-form { float: left; margin: 0; padding-left: 6px; padding-top: 12px; max-width: 110px; }
#zip-picker-form #zip-submit-button { width: 29px; height: 23px; background: #ffd247;  color: #16272f; font-family: arial, helvetica, sans-serif; font-size: 10px; line-height: 21px; border: 1px #a4a5a6 solid; border-left: 0px; vertical-align: middle;  
webkit-border-radius: 0em; -moz-border-radius: 0em; -ms-border-radius: 0em; -o-border-radius: 0em; border-radius: 0em;
-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
background-image: none;
margin-top: 1px;
}

#comparisons { background: #58585a; height: 50px; }
#title-comparison { float:left; width: 25%; background: url(http://www.sierraclub.org/sites/www.sierraclub.org/files/infographic-comparenearby.png) no-repeat 6px center; height: 50px; width: 150px; }

#title-comparison span { display: none; }
#nearby-comparisons { display: none; float: left; width: 155px; }
#nearby-comparisons { background: #d1d2d4; border-radius: 4px; -o-border-radius: 4px;  -webkit-border-radius: 4px; -moz-border-radius: 4px; padding: 3px 3px; text-align: center; }
#nearby-comparisons:hover { background: #b1b2b4; }
#upper-comparison { border-bottom: 1px solid #c5c7ca; }
#lower-comparison { }
.closest-msa { text-align: center; font-family: font-family: ProximaNovaA-Bold, arial, helvetica, sans-serif; font-size: 10px; color: #404041 !important; text-decoration: none; }
a.closest-msa:hover { color: #56676f !important; }


#action-language { padding: 8px; color: white; text-align: center; }
#takeaction-button { display: block; background: #ffd247; color: #16272f !important; font-family: ProximaNovaA-Bold, arial, helvetica, sans-serif; font-size: 20px; height: 46px; line-height: 46px; margin: 0px auto 12px; text-decoration: none !important; border: 1px solid #fbb03c; max-width: 160px; padding: 0 12px; }
#takeaction-button:HOVER { background: #cca739; border: 1px solid c8b03c; }
.action-language-text { font-family: ProximaNovaA-Regular, arial, helvetica, sans-serif; font-size: 20px;  }
#action-language-text-default { }
#action-language-text-best { display: none; }
#action-language-text-ok { display: none; }
#action-language-text-worst { display: none; }
.hashtag { font-family: ProximaNovaA-Regular, arial, helvetica, sans-serif; font-size: 24px; margin-bottom: 0; margin-top: 12px; }


@media (min-width: 43em) {
	#title-zip, #title-comparison { display: none; }
	#nearby-comparisons { float: none; width: 80%; margin: 1px auto 0; padding: 3px 8px;  }
	#zip-form { float: none; margin: 0 auto; max-width: 300px; }
	#zip-picker-form {float: none; margin: 0 auto; }
	#comparisons { padding-top: 1px;}
	.closest-msa { font-size: 12px; }
}

@media (min-width: 1100px) {
	#infographic-left { width:75%; float:left; }

	#arrow-pointer { display: inline ;}

	#infographic-right {float:left;width:25%;}

	#action-language { padding: 26px; }
	#take-action-button {margin: 12px auto 26px;}

	#exploration { height: 80px; }

	#title-zip { display: block; width: 40%; background-position: 0 center; height: 80px; background-size: contain; margin: 0 5%; max-width: 126px; }
	#zip-form {float: left; width: 33%; height: 80px; max-width: 100%; min-width: 116px; }
	#zip-picker-form { float: left; margin: 0; padding-top: 28px; }

	#comparisons { float: left; width: 67%; height: 80px; padding-top: 0px; }

	
	#title-comparison { display: block; width: 40%; background-position: 0 center; height: 80px; background-size: contain; margin: 0 2%; max-width: 142px;}
	#nearby-comparisons { float: left; margin: 15px 0 0 6px; padding: 3px 24px; width: 55%}
	.closest-msa { font-size: 15px; color: #404041; text-decoration: none; }

}