/* Duchesne City 2.4.1: compact weather in the global header */
.duchesne-city-theme .dc-header-actions .dc-header-weather {
  flex: 0 1 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  max-width: min(310px, 100%);
  margin: 0;
  padding: 7px 12px;
  border: 1px solid rgba(28, 73, 60, .14);
  border-radius: 12px;
  background: rgba(255, 255, 255, .78);
  box-shadow: 0 2px 10px rgba(22, 50, 42, .05);
  color: #173c32;
  line-height: 1.3;
}
.duchesne-city-theme .dc-header-weather > * { max-width: 100%; }
.duchesne-city-theme .dc-header-weather img,
.duchesne-city-theme .dc-header-weather svg { max-width: 100%; height: auto; }
.duchesne-city-theme .dc-header-weather a { color: #145e76; }
.duchesne-city-theme .dc-header-weather-fallback {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  padding: 8px max(18px, calc((100% - 1180px) / 2));
  background: #f8f7f2;
}
.duchesne-city-theme .dc-header-weather-fallback .dc-header-weather {
  display: inline-flex;
  align-items: center;
  max-width: min(310px, 100%);
  padding: 8px 12px;
  border-radius: 12px;
  background: white;
  color: #173c32;
}
@media (max-width: 950px) {
  .duchesne-city-theme .dc-header-actions .dc-header-weather { max-width: 100%; }
}
@media (max-width: 580px) {
  .duchesne-city-theme .dc-header-actions .dc-header-weather { width: 100%; justify-content: flex-start; }
  .duchesne-city-theme .dc-header-weather-fallback { justify-content: center; }
}