/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@symfony/webpack-encore/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[1]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[4].oneOf[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[3]!./vendor/communice-web/communice-base/Resources/Private/Assets/StyleSheets/communice/content-elements/news/news-single.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.news-detail--divider {
  margin: 2rem 0;
}
@media (min-width: 992px) {
  .news-detail--divider {
    margin: 3.5rem 0;
  }
}

.news-detail--meta {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  row-gap: 2rem;
  margin-bottom: 2rem;
  font-size: 1.125rem;
  color: var(--color-primary);
  justify-content: flex-start;
}
@media (min-width: 992px) {
  .news-detail--meta {
    justify-content: flex-end;
  }
}
.news-detail--meta .left {
  display: flex;
  flex-direction: row;
  flex: 1;
  flex-wrap: wrap;
}
@media (min-width: 1600px) {
  .news-detail--meta .left {
    flex-wrap: nowrap;
  }
}
.news-detail--meta .right {
  display: flex;
  flex-direction: row;
  justify-self: flex-start;
}
@media (min-width: 992px) {
  .news-detail--meta .right {
    justify-content: flex-end;
  }
}

.news-detail--meta--labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}

@media (min-width: 1200px) {
  .news-detail--image-wrap {
    max-width: 34rem;
    position: relative;
    float: right;
    margin: 0 0 3rem 3rem;
  }
}

@media (min-width: 1200px) {
  .news-detail--image {
    max-width: 34rem;
    position: relative;
  }
}

.news--section-items--item--title {
  margin-top: 2rem;
  margin-bottom: 1rem;
}

#news--share-buttons {
  margin-bottom: 2rem;
}