.weather-section .yataweather-contexte {
  display: inline-flex;
  color: #0E4A3C;
  font-size: 1.9rem;
  font-family: 'Ubuntu', sans-serif;
  align-items: end;
}
.weather-section .yataweather-contexte .date,
.weather-section .yataweather-contexte .location,
.weather-section .yataweather-contexte .description {
  display: none;
}
.weather-section .yataweather-contexte .icon-div img {
  max-height: 27px;
  width: auto;
  filter: invert(1) brightness(0.2) sepia(1) hue-rotate(125deg) saturate(5);
  margin-right: 12px;
}
.weather-section .yataweather-day {
  margin: auto;
  width: 272px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-align: center;
  background: #0E4A3C;
  color: #ffffff;
  padding: 20px 20px 16px;
  font-weight: 300;
  font-size: 1.6rem;
}
.weather-section .yataweather-day .location {
  font-weight: bold;
  font-size: 2rem;
}
.weather-section .yataweather-day .icon-div {
  margin: 5px 0;
}
.weather-section .yataweather-day .icon-div img {
  width: 62px;
  height: 62px;
  filter: invert(1);
}
.weather-section .yataweather-day .temperature {
  font-weight: bold;
  font-size: 3rem;
}
.weather-section .yataweather-today .location,
.weather-section .yataweather-nextdays .location {
  font-weight: bold;
  font-size: 2rem;
}
.weather-section .yataweather-today .icon-div img,
.weather-section .yataweather-nextdays .icon-div img {
  width: 62px;
  height: 62px;
  margin: 5px 0;
  filter: invert(1) brightness(0.2) sepia(1) hue-rotate(125deg) saturate(5);
}
.weather-section .yataweather-today .temperature,
.weather-section .yataweather-today .temp-min,
.weather-section .yataweather-today .temp-max,
.weather-section .yataweather-nextdays .temperature,
.weather-section .yataweather-nextdays .temp-min,
.weather-section .yataweather-nextdays .temp-max {
  font-weight: bold;
  font-size: 3rem;
}
.weather-section .yataweather-today .temperature span,
.weather-section .yataweather-today .temp-min span,
.weather-section .yataweather-today .temp-max span,
.weather-section .yataweather-nextdays .temperature span,
.weather-section .yataweather-nextdays .temp-min span,
.weather-section .yataweather-nextdays .temp-max span {
  font-size: 2rem;
  display: block;
}
.weather-section .yataweather-today .temp-min,
.weather-section .yataweather-today .temp-max,
.weather-section .yataweather-nextdays .temp-min,
.weather-section .yataweather-nextdays .temp-max {
  font-weight: bold;
  font-size: 2rem;
}
.weather-section .yataweather-today {
  margin: auto;
  width: 272px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-align: center;
  background: #0E4A3C;
  color: #ffffff;
  padding: 20px 20px 16px;
  font-weight: 300;
  font-size: 1.6rem;
  margin-bottom: 20px;
}
.weather-section .yataweather-today .icon-div img {
  filter: invert(1);
}
.weather-section .yataweather-nextdays {
  display: flex;
  justify-content: space-between;
  text-align: center;
}
.weather-section .yataweather-nextdays .yataweather-split {
  display: flex;
  width: 50%;
  justify-content: space-around;
  flex-wrap: wrap;
}
.weather-section .yataweather-nextdays .yataweather-split > div {
  width: 40%;
  margin-bottom: 20px;
  padding: 20px 20px 16px;
  border: 1px solid #0E4A3C;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-weight: 300;
  font-size: 1.6rem;
}
.yataweather-loader {
  width: 50px;
  height: 50px;
  margin: 20px auto;
  border: 4px solid #f3f3f3;
  border-top: 4px solid #A9BCB8;
  border-radius: 50%;
  animation: spin 1.5s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media (max-width: 1340px) {
  .weather-section .container,
  .weather-section .container-lg,
  .weather-section .container-md,
  .weather-section .container-sm,
  .weather-section .container-xl,
  .weather-section .container-xxl {
    max-width: 100%;
    padding: 0 20px;
  }
}
@media (max-width: 991px) {
  .weather-section .yataweather-nextdays {
    flex-wrap: wrap;
  }
  .weather-section .yataweather-nextdays >div {
    width: 48%;
  }
}
@media (max-width: 767.98px) {
  .weather-section .yataweather-day {
    width: 100%;
  }
  .weather-section .yataweather-today {
    width: 100%;
  }
  .weather-section .yataweather-nextdays .yataweather-split {
    width: 100%;
  }
  .weather-section .yataweather-nextdays .yataweather-split>div {
    width: 100%;
  }
  .weather-section .yataweather-nextdays .temperature,
  .weather-section .yataweather-today .temperature,
  .weather-section .yatameteo-day .temperature {
    font-size: 2.4rem;
  }
  .weather-section .yataweather-nextdays .temperature span,
  .weather-section .yataweather-today .temperature span,
  .weather-section .yatameteo-day .temperature span {
    font-size: 1.8rem;
  }
  .weather-section .yataweather-nextdays .max,
  .weather-section .yataweather-nextdays .min,
  .weather-section .yataweather-today .max,
  .weather-section .yataweather-today .min,
  .weather-section .yatameteo-day .max,
  .weather-section .yatameteo-day .min {
    font-size: 1.8rem;
  }
  .weather-section .yataweather-nextdays .location,
  .weather-section .yatameteo-day .location {
    font-size: 1.8rem;
  }
  .weather-section .yataweather-nextdays .icon-div img,
  .weather-section .yatameteo-day .icon-div img {
    width: 42px;
    height: 42px;
  }
}
@media only screen and (max-width: 499px) {
  .yataweather-split > div {
    justify-content: center;
  }
}