.notifications

  +position(absolute, 0 40px null null)
  z-index: 2000
  width: 250px

  background: rgba(0,0,0,.95)
  color: #fff

  +fjalla
  text-transform: uppercase

  .opening-hours
    padding: 15px
    width: 100%

    border-bottom: 1px solid rgba(255,255,255,0.8)

    .day
      display: block
      font-size: 1.3753em

  .temperature
    @extend %clearfix

    .title
      display: block
      font-size: .875em

    .degrees
      font-size: 2em

    .outside, .water
      position: relative
      float: left
      padding: 15px
      width: 50%

      .icon
        +position(absolute, 50% 35px null null)
        display: block

    .outside
      border-right: 1px solid rgba(255,255,255,0.8)

      .icon
        margin-top: -16px
        margin-right: -19px
        +sprite(35px,37px,-10px -60px)

    .water
      .icon
        margin-top: -11px
        margin-right: -7px
        +sprite(22px,14px,-60px -60px)