.paragraphs-item-expert-show-view { padding-left: 0; padding-right: 0;}

DIV OL { padding-left: 40px; padding-bottom: 20px; }

/* SVG Styles*/
#lottie 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;
}
section.content {
    position: relative;
	width: 100%;
	overflow: hidden;
	padding-top: 35.919%;
}
#arrow-pointer { display: none ;}


/* MAP */
#map-widget {background: #FFF6DA; margin: 0 auto;}
#map { width: 100%; height: 400px; }
@media only screen and (min-width: 762px) {
  #map-wrapper { float: left; width: 75%;}
  #map-action { float: left; width: 25%; height: 400px; }
}
#map-action > DIV { padding: 15px;  color: black;}
#map-action h2 { font-weight: bold; }
#map-action P { font-size: 110%; line-height: 120%; }
@media only screen and (min-width: 952px) {
#map-action P { font-size: 115%; }
}
@media only screen and (min-width: 1120px) {
#map-action P { font-size: 130%; }
}
#map-action P:last-child { text-align: center; }
#map-action A { display: inline-block; margin: 0 auto; width: 150px; color: white; background: #f5551e; padding: 8px 0; font-size: x-large; border-radius: 4px; }
#map-action A:hover { background: #f2521b; }
#map-choices { background: #ffffff; text-align:center; }
#map-choices > DIV { width: 20%; float: left; border-bottom: 3px solid #CCCCCC; opacity: .8; color:black; }
#map-choices > DIV > DIV { padding: 4px; }  
#map-choices > DIV.active {  border-bottom: 3px solid #FF9900; opacity: 1}
#map-location { background: #999; }
#map-location FORM { margin: 0; padding: 5px; clear: left; height: 25px; }
#map-location FORM > DIV { float: left; color: #000; line-height: 25px; }
#map-choices-text { clear: left; background: #666; }
#map-choices-text > DIV { display: none; padding: 8px 10px; text-align:left; color: white; }
#map-choices-text > DIV.all { display: block; color: white; }
#map-choices-text > DIV a {font-weight: bold; background-color: #FFFFFF; display: inline-block; padding:3px 8px; border-radius: 2px; text-decoration:none; }
#map-choices-text > DIV a:hover { background-color: #FFFF00; }
.googft-info-window.rf100city { color: black; }

.paragraphs-item-articles { margin-top: 40px; }
.section--navy {
  background-color: #082A49;
  padding-bottom: 50px;
  padding-top: 1px;
}
.section--navy h2, .section--navy h3, .section--navy p { color: white; text-align: center; padding: 0 40px; }
.section--navy hr {
  margin: 0 auto;
  width: 50%;
  font-size: 1px;
  line-height: 6px;
  height: 6px;
  background: #ffd247; /* PT: #F7BE00; */
  margin-top: 48px;
  margin-bottom: 28px;
  border: 0;
}
.rf100-arrow {
   position: absolute;
   margin: 0 auto;
   width: 178px;
   opacity: .6;
   height: 60px;
   margin-top: -25px;
   margin-left: -89px;
   left: 50%;
   background: url(/sites/www.sierraclub.org/files/readyfor100-arrow.png);
   cursor: pointer;
}
.rf100-arrow a {
    display: block;
    width: 100%;
    height: 60px;
}
.rf100-arrow:hover {
    margin-top: -15px;
    opacity: .8;
}

#lottie-overall {
  width: 100%;
  background: #ffd247; /* PT: #F7BE00; */
  cursor: pointer;
  text-align:center;
}
#lottie-overall:hover {
  width: 100%;
  opacity: 0.9;
}
#lottie{
  width: 100%;
  height: 250px;
  max-height: 250px;
  display:block;
  overflow: hidden;
  transform: translate3d(0,0,0);
  text-align: center;
  opacity: 1;
}
#lottie-numbers{
  text-align: center;
  font-weight: 100;
  text-align: center;
  font-size: 7vw;
  -webkit-text-stroke: black;
  line-height: 7vw;
  position: relative;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: black;
  color: white;
}
@media screen and (min-width: 751px) {
  #lottie{
    float: left;
    width: 50%;
  }
  #lottie-numbers{
    float: left;
    width: 50%;
    font-size: 75px;
    line-height: 110px;
  }
  #lottie-overall h3 { clear: both; }
}
@media screen and (min-width: 900px) {
  #lottie-numbers{
    font-size: 85px;
    line-height: 120px;
  }
}
@media screen and (min-width: 1300px) {
  #lottie-numbers{ 
    font-size: 95px;
    line-height: 130px;
  }
}

.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; }
}