.current-conditions {
  margin-bottom: 20px;
}

.current-conditions-slides,
.cc-ad-space {
  display: inline-block;
  vertical-align: middle;
  min-height: 40px;
}

.current-conditions-slides {
  width: 70%;
  position: relative;
}

.cc-ad-space {
  width: 28.6%;
}

.station {
  display: none;
  position: absolute;
  top: 5px;
  right: 0;
  bottom: 0;
  left: 0;
}

.station:first-child {
  display: block;
}

.station-condition,
.station-temperature {
  font-size: 26px;
}

.station-condition,
.station-title,
.station-temperature {
  display: inline-block;
  vertical-align: middle;
}

.station-condition {
  width: 20%;
}

.station-title {
  width: 42%;
  word-wrap: break-word;
  hyphens: auto;
  font-size: 15px;

}

.station-temperature {
  width: 28%;
  font-family: 'Montserrat', Arial, sans-serif;
  font-weight: 500;
  text-align: right;
}

/**
 * Styles specific to if there is no ad showing to the right of this widget
 */
.full-width .current-conditions-slides {
  width: 100%;
}

.full-width .station-title {
  font-size: 20px;
}

.full-width .station-condition {
  width: 17%;
}

.full-width .station-title {
  width: auto;
  max-width: 59%;
}

.full-width .station-temperature {
  width: 21%;
}

/**
 * Styles for the optional text link
 */
.current-conditions .link-container > a {
  color: #95a5a6;
  font-size: 12px;
}

.current-conditions .link-container > a:hover {
  text-decoration: underline;
}

/**
 * Styles specific to if this widget is in the header
 */
.header-widget {
  display: none;
}

@media (min-width: 768px) {
  #header > .container {
    position: relative;
  }

  .header-widget {
    display: block;
    width: 290px;
    position: absolute;
    top: 34px;
    right: 34px;
  }

  .header-widget .current-conditions {
    margin: 0;
  }

  .header-widget .current-conditions-slides {
    width: 100%;
    text-align: right;
  }

  .header-widget .station-title,
  .header-widget .station-temperature,
  .header-widget .station-condition {
    width: inherit;
  }

  .header-widget .station-condition > i {
    position: relative;
    top: 2px;
  }

  .header-widget .station-title {
    margin: 0 5px;
    font-size: 20px;
  }
}