h2 {
  text-align: center;
}

#forecast-container {
  display: flex;
  flex-direction: column;
  padding: 0 10px;
}

.weatherico {
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}

/* Weather condition icons */
.clear_sky {
  background-image: url("/wp-content/themes/albatross/images/weather-images/sun.png");
}

.few_clouds {
  background-image: url("/wp-content/themes/albatross/images/weather-images/clear-sky.png");
}

.scattered_clouds {
  background-image: url("/wp-content/themes/albatross/images/weather-images/clouds.png");
}

.broken_clouds {
  background-image: url("/wp-content/themes/albatross/images/weather-images/clouds.png");
}

.shower_rain {
  background-image: url("/wp-content/themes/albatross/images/weather-images/rainy.png");
}

.rain {
  background-image: url("/wp-content/themes/albatross/images/weather-images/rainy.png");
}

.thunderstorm {
  background-image: url("/wp-content/themes/albatross/images/weather-images/storm.png");
}

.snow {
  background-image: url("/wp-content/themes/albatross/images/weather-images/snow.png");
}

.mist {
  background-image: url("/wp-content/themes/albatross/images/weather-images/mist.png");
}

/* Weather item layout */
.weather-item {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: stretch;
}

.date,
.info-wrapper {
  width: 100%;
  /* Make both .date and .info-wrapper take the full width available */
}
.wdescr {color: #325f8d; font-weight: bold;}
.timeText {
  color: #e5b14e;
  font-weight: 800;
}
.degree span, .flike span, .wspeed span {   color: #325f8d; font-weight: bold; }
.info-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin: 20px 0 30px;
  /* Corrected margin */
}

.additional-info {
  padding: 5px 10px;
  margin: 10px 0;
  text-align: center;
  background: #fff; 
   background: linear-gradient(180deg, rgb(243 243 243) 12%, rgb(220 223 219) 100%);
  padding: 20px 35px;
  border: 1px solid #828282;
  border-radius:25px;
  box-shadow: 3px 3px 3px #7a7a7a;
}

.date {
  text-align: center;
  font-weight: 700;
  font-size:25px;
  color: #4b4343;
}