@import '~@od/global-resources/scss/settings/index';

.bulletin-alerts-title {
  border-bottom: 1px solid $gray-medium;
  margin: 6px 0;
  padding: 6px 0;
}

.bulletin-alerts-wrapper {
  margin: 12px 0;
  @include font-size($base-font-size);

  .bulletin-section {
    > .row {
      border: 1px solid $gray-medium;
      margin: 0;
      height: 100%;
    }
  }

  .bulletin-content,
  .news-content {
    border-left: 1px solid $gray-medium;
    word-wrap: break-word;
  }

  .bulletin-image,
  .news-image {
    img,
    &-company-name {
      width: 100%;
      height: auto;
      max-height: 100px;
      max-width: 100px;
      vertical-align: middle;
      display: block;
      margin: auto;
    }
  }

  .bulletin-content,
  .news-content,
  .bulletin-image,
  .news-image {
    margin: 12px 0;
    padding: 0 12px;
  }

  .learn-more-section{
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .bulletin-content {
    &-info {
      width: 85%;
      ul li {
        list-style-type: disc;
        margin-left: 20px;
      }

      ol li {
        list-style-type: decimal;
        margin-left: 20px;
      }
    }

    &-edit {
      margin-left: 12px;
      width: calc(15% - 12px);
    }
  }
}

.billboard-message-detail .bulletin-section {
  margin: 6px 0;
}

@media(min-width: $screen-sm) {
  .billboard-message-overview {
    &.bulletin-alerts-wrapper,
    .bulletin-section > .row {
      display: flex;
    }
  }
}

@media(max-width: $screen-xs-max) {
  .bulletin-section {
    margin: 6px 0;
  }
}