/*

 Theme Name:   Production2016

 Theme URI:    http://grindflow.com

 Description:  Theme replacement for the "Production" theme

 Author:       Grindflow Management LLC

 Author URI:   http://grindflow.com

 Template:     Divi

*/

@import url('../Divi/style.css');

/* map div (styles are added in divi setttings CSS overrides*/


/*-- Custom CSS for Cumulative Impact on Homepage--*/
.et_pb_gutters3 .et_pb_column_4_4 .et_pb_widget.widget_gic_metrics_widget {
  width: 100%;
}

.widget_gic_metrics_widget {
  text-align: center;
}

.widget_gic_metrics_widget .widgettitle {
  display: none;
}

.widget_gic_metrics_widget > h2 {
  color: #636b66;
  font-size: 34px;
  font-weight: 700;
  padding-bottom: 15px;
  letter-spacing: -1px;
}
.widget_gic_metrics_widget > p {
  color: #636b66;
  font-size: 28px;
  font-weight: 300;
  padding-bottom: 10px;
  line-height: 24px;
}

#greenimpact_your_impact {
  overflow: hidden;
  text-align: center;
  margin-top: 4em;
}

.greenimpact_your_impact_box {
  width: 30%;
  height: 17em;
  float: left;
  font-size:1.5em;
  margin:0 1.6%;
}
.greenimpact_your_impact_number {
  font-size: 2em;
  font-weight: bold;
  padding-bottom:.4em;
  line-height: 1em;
}
#greenimpact_your_impact_kwh {
  background-image: url('/wp-content/themes/Production/images/kwh-saved.png');
  background-position: center;
  background-repeat: no-repeat;
  padding-bottom:10px;
}
#greenimpact_your_impact_trees {
  background-image: url('/wp-content/themes/Production/images/trees-planted.png');
  background-position: center;
  background-repeat: no-repeat;
  padding-bottom:10px;
}
#greenimpact_your_impact_cars {
  background-image: url('/wp-content/themes/Production/images/cars-removed.png');
  background-position: center;
  background-repeat: no-repeat;
  padding-bottom:10px;
}

@media only screen and ( max-width: 767px ) {
  #greenimpact_your_impact .greenimpact_your_impact_box {
    clear: both;
    width: 100%;
    height: 12em;
    background-position: center bottom;
  }
}

/*--Animations--*/
@-webkit-keyframes animate-pattern { from {background-position: 0 0;} to {background-position:0 448px;}}
@-moz-keyframes animate-pattern { from { background-position:0 0; } to { background-position:0 448px; }}
@-ms-keyframes animate-pattern { from { background-position:0 0; } to { background-position:0 448px; }}
@-o-keyframes animate-pattern { from { background-position:0 0; } to { background-position:0 448px; }}
.animate-pattern-key from { background-position:0 0; }

.graphic {
  width: 100%;
  background: url(images/animation-1.png);
  -webkit-animation: animate-pattern 90s linear infinite;
  -moz-animation: animate-pattern 90s linear infinite;
  -ms-animation: animate-pattern 90s linear infinite;
  -o-animation: animate-pattern 90s linear infinite;
  animation: animate-pattern 90s linear infinite;
}
.graphic .et_pb_widget_area_left {
  border-width: 0;
}
@-webkit-keyframes animate-top{ from { background-position:402px 100%; } to { background-position:100% 100%; }}
@-moz-keyframes animate-top { from { background-position:402px 100%; } to{ background-position:100% 100%; }}
@-ms-keyframes animate-top { from { background-position:402px 100%; } to{ background-position:100% 100%; }}
@-o-keyframes animate-top { from { background-position:402px 100%; } to{ background-position:100% 100%; }}
.animate-top-key from {background-position:402px 100%; }
.animate-top-key to { background-position:100% 100%; }
.et_pb_section.graphic-top {
  padding-bottom: 13em;
  background: url(images/animation-top.png);
  -webkit-animation: animate-top 85s linear infinite;
  -moz-animation: animate-top 85s linear infinite;
  -ms-animation: animate-top 85s linear infinite;
  -o-animation: animate-top 85s linear infinite;
  animation: animate-top 85s linear infinite;
  background-position: center bottom;
  background-repeat: repeat-x;
}
/*@-webkit-keyframes animate-wave{
  from{background-position:292px 100%;} to{background-position:0 100%;}}
  @-moz-keyframes animate-wave{from{background-position:292px 100%;} to{background-position:0 100%;}}
  @-ms-keyframes animate-wave{from{background-position:292px 100%;} to{background-position:0 100%;}}
  @-o-keyframes animate-wave{from{background-position:292px 100%;} to{background-position:0 100%;}}
.animate-wave-key from{background-position:292px 100%;}
.animate-wave-key to{background-position:0 100%;}
.graphic-bottom {
background: url(images/animation-2.png);
  -webkit-animation: animate-wave 40s linear infinite;
  -moz-animation: animate-wave 40s linear infinite;
  -ms-animation: animate-wave 40s linear infinite;
  -o-animation: animate-wave 40s linear infinite;
  animation: animate-wave 40s linear infinite;
  background-position: center bottom;
  background-repeat: repeat-x;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
}
*/

/* map div */
#wrapper_map {
position: relative; }
#over_map {
position: absolute; top: 10px; left: 10px; z-index: 99; }

.trans_div
{
    background-color: #000000;
    background-image: none;
    opacity: 0.99;
    filter: alpha(opacity=50);
}