/*(+weather)*/
.weather-fluid {
  background-color: #f8f9fa;
}
/*(+weather-row-1)*/
.weather-row-1 {
  margin-top: 3.125rem;
  margin-bottom: 1.875rem;
}
/*(+weather-title)*/
.weather-title {
  text-align: center;
}
.weather-title-title {
  margin-bottom: 0;
  font-family: 'GoogleSans-Bold';
  font-size: 2.5rem;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #2b8a3e;
}
.weather-title-subtitle {
  font-family: 'GoogleSans-Regular';
  font-size: 1.25rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #868e96;
}
/*(+weather-row-2)*/
.weather-row-2 {
  padding-right: 15px;
  padding-left: 15px;
}
/*(+weather-card)*/
.weather-card {
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.12);
  text-align: center;
  background-color: #fff;
}
.weather-card .weather-card-title {
  font-family: 'GoogleSans-Bold';
  font-size: 2rem;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #2b8a3e;
}
.weather-card .weather-card-image {
  max-width: 10rem;
}
.weather-card .weather-card-temp {
  margin-bottom: 0;
  font-family: 'GoogleSans-Bold';
  font-size: 3.75rem;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #f59f00;
}
.weather-card .weather-card-desc {
  margin-bottom: 0.625rem;
  font-family: 'robotoregular';
  font-size: 1rem;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #868e96;
}
.weather-card .weather-card-line {
  max-width: 10.13rem;
  margin: 0 auto;
  border-top: 1px solid #ced4da;
}
.weather-card .weather-card-sunrise {
  margin-top: 0.625rem;
  margin-bottom: 0.5rem;
  font-family: 'robotoregular';
  font-size: 1rem;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #868e96;
}
.weather-card .weather-card-sunset {
  margin-bottom: 1.25rem;
  font-family: 'robotoregular';
  font-size: 1rem;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #868e96;
}
.weather-card .weather-card-humidity-img {
  float: left;
  margin-right: 0.625rem;
}
.weather-card .weather-card-humidity {
  font-family: 'robotoregular';
  font-size: 1rem;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #868e96;
}
.weather-card .weather-card-wind-img {
}
.weather-card .weather-card-wind {
  font-family: 'robotoregular';
  font-size: 1rem;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #868e96;
}
/*(+weather-infos)*/
.weather-infos {
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.12);
  text-align: left;
  background-color: #fff;
}
.weather-infos .weather-infos-title {
  margin-bottom: 1.25rem;
  font-family: 'GoogleSans-Bold';
  font-size: 1.75rem;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #2b8a3e;
}
.weather-infos .weather-infos-day {
  margin-bottom: 0.875rem;
  font-family: 'GoogleSans-Bold';
  font-size: 1.25rem;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #495057;
}
.weather-infos .weather-infos-max-min .fa-infos {
  margin-right: 0.4375rem;
  font-size: 1.438rem;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #495057;
}
.weather-infos .weather-infos-max-min:nth-child(2) {
  float: left;
  margin-right: 1.25rem;
  font-family: 'robotomedium';
  font-size: 1.25rem;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #495057;
}
.weather-infos .weather-infos-max-min:nth-child(3) {
  float: left;
  font-family: 'robotomedium';
  font-size: 1.25rem;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #495057;
}
.weather-infos .weather-infos-max-min:nth-child(3) {
  margin-right: 1.125rem;
}
.weather-infos .weather-infos-max-min:nth-child(4) {
  margin-right: 1.25rem;
}
.weather-infos .weather-infos-max-min .weather-infos-temp {
  margin-left: 0.75rem;
  font-family: 'robotoregular';
  font-size: 1rem;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #868e96;
}
.weather-infos .weather-infos-desc {
  float: left;
  font-family: 'robotoregular';
  font-size: 1.25rem;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #868e96;
}
.weather-infos .weather-infos-line {
  position: relative;
  max-width: 28.5rem;
  margin-bottom: 1.063rem;
  border-top: 1px solid #ced4da;
}