#sidebar {

  .widget {
    @include span-columns(12);
    @include omega;
    background: #0d0f10;
    margin-bottom: $container-padding;
    padding: 20px;
    border-radius: $base-border-radius;
    box-shadow: $light-shadow;
    margin-bottom: $container-padding;
    color: white;

    h4 {
      @include span-columns(12);
      margin-bottom: 20px;
      color: $light-blue;
    }

    .widget-content-wrapper {
      @include span-columns(12);
      font-size: 12px;
    }

    .separator {
      color: white;
      background: $dark-gray;
      padding: 0 20px;
      margin: 0 -20px;
      margin-bottom: 12px;
      font-weight: 600;
      line-height: 35px;

      a {
        color: white;
        float: right;
      }
    }

    &:last-child {
      margin-bottom: 0;
    }
  }

  .calendar {
    .time {
      color: lighten($medium-gray, 20%);
      float: right;
      margin-left: 10px;
    }
  }

  .shoutbox {
    .transcript {
      margin-bottom: 20px;
    }

    input {
      @include span-columns(12);
      margin-bottom: 10px;
    }
  }

  .highlights,
  .posts {
    ol {
      margin-bottom: 20px;

      &:last-child {
        margin-bottom: 0;
      }
    }
  }

  .poll {
    .question {
      @include span-columns(12);
      margin-bottom: 20px;

      h5 {
        margin-bottom: 1em;
      }
    }

    .bar {
      display: block;
      background: $blue;
      height: 10px;
    }

    .button {
      margin-bottom: 0;
    }
  }
}