.weekly__timeline {
  background-color: #FFFFFF; }

.crosshead {
  margin: 0 10px;
  padding: 10px 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.3; }

.weekly {
  padding-bottom: 20px; }

.weekly__timeline ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between; }

.weekly__timeline li {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
          flex-grow: 1;
  position: relative;
  min-width: 40px; }
  .weekly__timeline li::after {
    position: absolute;
    top: 7px;
    bottom: 7px;
    right: 0;
    width: 1px;
    background-color: #efefef;
    content: ''; }

.weekly__items {
  min-width: 40px;
  color: #9b9b9b;
  text-align: center; }
  .weekly__items dt {
    color: #666; }

.weekly__item {
  height: 24px;
  line-height: 24px;
  font-size: 10px;
  font-weight: bold;
  text-align: center; }

.weekly__maxtemp {
  color: #e4000c; }

.weekly__mintemp {
  color: #09f; }