.et_pb_module.diwg_divi_weather {position:relative;}

.et_pb_weather__container {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

.et_pb_weather__no_weather {padding:20px 5%}

.et_pb_weather__icon {
  color: rgba(51,51,51,1);
  font-size:32px;
  line-height: 1.5em;
  text-align: center;
}

.et_pb_weather__icon--hero::before {
  display: block;
  font-size: 2em;
  line-height: 1em;
  margin-bottom: 20px;
  opacity: 0.5;
  text-align: center;
}

/**
 * CURRENT WEATHER CSS
 */
.et_pb_weather__current_icon_description,
.et_pb_weather__current_temps {
  display: inline-flex;
  flex-direction:column;
  position:relative;
}
.et_pb_weather__current_icon_description > span,
.et_pb_weather__current_temps > span,
.et_pb_weather__current_additional > span {
  display: block;
}

.et_pb_weather__current_additional > span {
  margin-bottom: 0.5em;
  position: relative;
  width: 100%;
}

.et_pb_weather__current--show_labels .et_pb_weather__current_additional > span::before {
  content:attr(data-label);
  display: block;
  font-size:0.5em;
  line-height: 1em;
  position: relative;
}

.et_pb_weather__current .et_pb_weather__icon::before {
  -webkit-animation: 3s ease 1s normal forwards 1 fadeIn;
    animation: 3s ease 1s normal forwards 1 fadeIn;
  display: inline-block;
  font-size: inherit;
  opacity: 0;
  position: relative;
}

/**
 * FORECAST WEATHER CSS
 */
.entry-content ul.et_pb_weather__forecast {
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

.et_pb_weather__forecast_item {
  line-height: 1.3em;
  list-style: none;
  padding: 3px 5%;
}

.et_pb_weather__forecast--list .et_pb_weather__forecast {flex: column}

/**
 * LAYOUT ADJUSTMENTS.
 */
.et_pb_weather__current--stacked .et_pb_weather__current {
  flex-direction: column;
  width: 100%;
}
.et_pb_weather__current--stacked .et_pb_weather__current > span {display:block}

.et_pb_weather__current--stacked .et_pb_weather__current_additional {
  display: flex !important;
  flex-direction: row;
  padding-top: 0.5em;
}
.et_pb_weather__current--stacked .et_pb_weather__current_additional > span {flex: 1}

.et_pb_weather__current--compact .et_pb_weather__current {
  display: -ms-flex;
	display: -webkit-flex;
	display: flex;
  flex-direction:row;
  flex-wrap:wrap;
}
.et_pb_weather__current--compact .et_pb_weather__current .et_pb_weather__current_icon_description,
.et_pb_weather__current--compact .et_pb_weather__current .et_pb_weather__current_temps {flex: 1}
.et_pb_weather__current--compact .et_pb_weather__current .et_pb_weather__current_additional {
  display: flex;
  flex-basis: 100%;
  flex-direction: row;
  width: 100%;
}

.et_pb_weather__current--compact .et_pb_weather__current .et_pb_weather__current_additional > span {flex:1}

/* FORECAST LIST */
.et_pb_weather__forecast--list .et_pb_weather__forecast {flex-direction:column}
.et_pb_weather__forecast--list .et_pb_weather__forecast_item {
  display: -ms-flex;
	display: -webkit-flex;
  display: flex;
  flex-direction: row;
  width: 100%;
}
.et_pb_weather__forecast--list .et_pb_weather__forecast_text {
  flex:2;
  flex-direction: column;
}
.et_pb_weather__forecast--list .et_pb_weather__forecast_text > span {display:block}
.et_pb_weather__forecast--list .et_pb_weather__forecast_display {
  display: flex;
  flex:1;
  flex-direction: row;
  justify-content: flex-end;
}
.et_pb_weather__forecast--list .et_pb_weather__forecast_display > span {
  margin: 0 5px 0 0;
}
.et_pb_weather__forecast--list .et_pb_weather__forecast_display .et_pb_weather__icon {
  font-size: 2em;
  line-height: 1em;
}

.et_pb_weather__forecast--grid .et_pb_weather__forecast {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.et_pb_weather__forecast--grid .et_pb_weather__forecast_item {
  flex-grow: 1;
  flex-direction: column;
  text-align: center;
}

.et_pb_weather__forecast--grid--2 .et_pb_weather__forecast_item {width: 50%;max-width:50%}
.et_pb_weather__forecast--grid--3 .et_pb_weather__forecast_item {width: 33%;max-width: 33%}
.et_pb_weather__forecast--grid--4 .et_pb_weather__forecast_item {width: 25%;max-width: 25%}
.et_pb_weather__forecast--grid--5 .et_pb_weather__forecast_item {width: 20%;max-width: 20%}
.et_pb_weather__forecast--grid--6 .et_pb_weather__forecast_item {width: 16.667%;max-width: 16.667%}
.et_pb_weather__forecast--grid--7 .et_pb_weather__forecast_item {width: 14.286%;max-width: 14.286%}
.et_pb_weather__forecast--grid--8 .et_pb_weather__forecast_item {width: 12.5%;max-width: 12.5%}

.et_pb_weather__forecast--grid .et_pb_weather__forecast_text,
.et_pb_weather__forecast--grid .et_pb_weather__forecast_display {
  flex-direction: column;
  width: 100%;
}
.et_pb_weather__forecast--grid .et_pb_weather__forecast_text > span,
.et_pb_weather__forecast--grid .et_pb_weather__forecast_display > span {
  display: block;
  width:100%;
}

.et_pb_weather__unit {
  font-size:0.65em;
  align-self: baseline;
}

/* DEFAULT */
.et_pb_weather__current .et_pb_weather__icon {font-size:50px}
.et_pb_weather__current_description,
.et_pb_weather__current_temp,
.et_pb_weather__current_min_max {text-align:center}

.et_pb_weather__current_additional {padding: 3px 4%}

.et_pb_weather__current_wind {text-align:left}
.et_pb_weather__current_humidity {text-align:center}
.et_pb_weather__current_pressure {text-align:right}

.et_pb_weather__current_description,
.et_pb_weather__current_temp,
.et_pb_weather__current_min_max,
.et_pb_weather__current_humidity,
.et_pb_weather__current_pressure,
.et_pb_weather__current_wind,
.et_pb_weather__forecast_date,
.et_pb_weather__forecast_description,
.et_pb_weather__forecast_temp {
  font-size: 17px;
  font-weight: 400;
  line-height: 1.3em;
}

.wi-wind {
  font-size: 125%;
  margin-right: 5px;
  vertical-align: middle;
}

.et_pb_weather__forecast_item {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.et_pb_weather__forecast .et_pb_weather__icon {font-size:21px}

/* ANIMATION FADE IN */
@keyframes fadeIn{
  0% { opacity:0; }
  66% { opacity:0; }
  100% { opacity:1; }
}

@-webkit-keyframes fadeIn{
  0% { opacity:0; }
  66% { opacity:0; }
  100% { opacity:1; }
}

.et-db #et-boc .et-fb-modules-list ul > li.diwg_divi_weather::before {
	content: "\f00c";
	font-family: 'weathericons' !important;
}