
.weekly-forecast {
  position: relative;
  background-color: #3FD0D4;
  border-radius: 16px;
  padding: clamp(10px, 1.25vw, 10px);
}
.weekly-forecast .selected-location .img-block {
  text-align: center;
  margin-bottom: 12px;
}
@media (max-width: 575px) {
  .weekly-forecast .selected-location .img-block {
    margin-bottom: 16px;
  }
}
.weekly-forecast .selected-location .img-block img {
  width: clamp(80px, 3.813vw, 150px);
}
.weekly-forecast .weekly-forecast-carousel {
  height: 100%;
}
.weekly-forecast .weekly-forecast-carousel .slick-list,
.weekly-forecast .weekly-forecast-carousel .slick-track,
.weekly-forecast .weekly-forecast-carousel .slick-slide {
  height: 100%;
}
.weekly-forecast .week-day-card {
  padding: clamp(10px, 0.833vw, 24px);
  height: 100%;
  background-color: #ffffff;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 992px) {
  .weekly-forecast .week-day-card {
    gap: clamp(30px, 2.5vw, 64px);
  }
}
.weekly-forecast .week-day-card img {
  width: clamp(48px, 3.33vw, 96px);
}

.today-highlight-card {
  position: relative;
  padding: clamp(16px, 1.25vw, 32px);
  background-color: #ffffff;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.today-highlight-card img {
  width: clamp(48px, 3.33vw, 96px);
}


.color-white {
    color: #ffffff !important;
}
.lightest-gray {
    color: #EAEAEC !important;
}
.color-black {
    color: #0C0C0D !important;
}

.weekly-forecast-carousel .col-12 {
	padding: 5px 5px 5px 5px;
}

.today-highlights .col-lg-4 {
	padding: 5px 5px 5px 10px;
 	background-color: #EFF3F9;
}

.week-day-card p {
	margin-bottom: 0;
	font-size: 12px;
}