@import '../settings/variables';
@import '../tools/mixins/breakpoints';

.c-news-single {
  @include media-breakpoint-up(lg) {
    padding-left: $gutter-medium;
    padding-right: $gutter-medium;
  }

  &__title {
    font-weight: $font-weight-normal;
  }

  &__image {
    height: 15em;
    background: $color-primary-light 50%;
    background-size: cover;
    flex: 2 1 auto;
    margin-bottom: 2.125em;

    @include media-breakpoint-up(sm) {
      height: 20em;
    }

    @include media-breakpoint-up(md) {
      margin-bottom: 2.625em;
      height: 28em;
    }

    &--placeholder {
      background-image: url('/assets/images/panel-placeholder.svg');
    }
  }

  &__content {
    ul {
      list-style: circle;
      padding-left: $margin-big;
      li {
        margin-bottom: $margin-small;
      }
    }
  }
}