.wa-weather-portal { margin-top: 20px; }

.wa-no-weather {
  padding: 20px;
  background: #f3f3f3;
  border-radius: 6px;
  text-align: center;
}

.wa-weather-details {
  font-weight: 600;
  text-decoration: underline;
  cursor: pointer;
}

#wa-weather-modal {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.75);
  z-index: 99999;
}

.wa-alert-modal-inner {
  max-width: 640px;
  margin: 10vh auto;
  background: #fff;
  padding: 24px;
  border-radius: 10px;
}

.wa-alert-modal-close {
  float: right;
  font-size: 22px;
  border: none;
  background: none;
  cursor: pointer;
}

/* When announcements are shown WITHOUT weather alerts */
.wa-announcement-context.no-alerts {
  margin: 0;
  padding: 0;
}

/* Shorter announcement bar when it's alone */
/* Kill inherited alert framing */
.wa-announcement-context.no-alerts .wa-alert-bar {
  padding: 8px 12px !important;
  font-size: 15px;
  line-height: 1.25;
  border: none !important;
  margin: 0 !important;
}

.wa-announcement-context.with-alerts .wa-alert-bar {
  padding: 8px 12px !important;
}