.aui .newsroom .element {
  padding-bottom: 30px;
  border-bottom: 1px solid #e3e3e3;
  margin-bottom: 30px;
  position: relative; }
  .aui .newsroom .element:last-child {
    border-bottom: 0px; }
  .aui .newsroom .element .upper {
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #113651;
    display: block;
    line-height: 1em;
    margin-bottom: 10px; }
    .aui .newsroom .element .upper span:not(.headline) {
      border-right: 1px solid #e2e3e2;
      margin-right: 1em;
      padding-right: 1em; }
    .aui .newsroom .element .upper span:last-of-type {
      border-right: none;
      margin-right: 0;
      padding-right: 0; }
    .aui .newsroom .element .upper span.headline {
      margin-right: 1em; }
  .aui .newsroom .element .subtitle {
    margin-bottom: 6px; }
  .aui .newsroom .element .image-news {
    margin-right: 30px;
    max-width: 192px;
    /*16:9*/
    /* max-height: 108px; */
    margin-top: 6px; }
    .aui .newsroom .element .image-news img {
      max-width: 100%;
      max-height: 100%; }
    .aui .newsroom .element .image-news.news-small {
      display: none; }
  .aui .newsroom .element h3 {
    margin: 0 0 .5em 0;
    font-size: 22px;
    line-height: 130%; }
  .aui .newsroom .element .read-more {
    display: none; }
.aui .newsroom .portlet-share {
  position: absolute;
  right: 0px;
  top: -10px;
  z-index: initial; }

/* --------- Newsroom spans ---------- */
.span4 .newsroom .element .image-news {
  display: none;
  max-width: 30%;
  max-height: none; }
  .span4 .newsroom .element .image-news.news-small {
    display: block; }

.span3 .newsroom .element .image-news, .span2 .newsroom .element .image-news, .span1 .newsroom .element .image-news {
  display: none;
  max-width: 100%;
  width: 100%;
  max-height: none;
  margin-right: 0px;
  margin-bottom: 20px; }
  .span3 .newsroom .element .image-news.news-small, .span2 .newsroom .element .image-news.news-small, .span1 .newsroom .element .image-news.news-small {
    display: block; }

/* --------- Newsroom responsive ---------- */
@media screen and (min-width: 768px) and (max-width: 979px) {
  .span6 .newsroom .element .image-news, .span7 .newsroom .element .image-news, .span8 .newsroom .element .image-news {
    display: none;
    max-width: 30%;
    max-height: none; }
    .span6 .newsroom .element .image-news.news-small, .span7 .newsroom .element .image-news.news-small, .span8 .newsroom .element .image-news.news-small {
      display: block; }

  .span5 .newsroom .element .image-news, .span4 .newsroom .element .image-news, .span3 .newsroom .element .image-news, .span2 .newsroom .element .image-news, .span1 .newsroom .element .image-news {
    display: none;
    max-width: 100%;
    width: 100%;
    max-height: none;
    margin-right: 0px;
    margin-bottom: 20px; }
    .span5 .newsroom .element .image-news.news-small, .span4 .newsroom .element .image-news.news-small, .span3 .newsroom .element .image-news.news-small, .span2 .newsroom .element .image-news.news-small, .span1 .newsroom .element .image-news.news-small {
      display: block; } }
@media screen and (min-width: 480px) and (max-width: 767px) {
  .span12 .newsroom .element .image-news, .span11 .newsroom .element .image-news, .span10 .newsroom .element .image-news, .span9 .newsroom .element .image-news, .span8 .newsroom .element .image-news, .span7 .newsroom .element .image-news, .span6 .newsroom .element .image-news, .span5 .newsroom .element .image-news, .span4 .newsroom .element .image-news, .span3 .newsroom .element .image-news, .span2 .newsroom .element .image-news, .span1 .newsroom .element .image-news {
    display: none;
    max-width: 30%;
    max-height: none; }
    .span12 .newsroom .element .image-news.news-small, .span11 .newsroom .element .image-news.news-small, .span10 .newsroom .element .image-news.news-small, .span9 .newsroom .element .image-news.news-small, .span8 .newsroom .element .image-news.news-small, .span7 .newsroom .element .image-news.news-small, .span6 .newsroom .element .image-news.news-small, .span5 .newsroom .element .image-news.news-small, .span4 .newsroom .element .image-news.news-small, .span3 .newsroom .element .image-news.news-small, .span2 .newsroom .element .image-news.news-small, .span1 .newsroom .element .image-news.news-small {
      display: block; } }
@media screen and (max-width: 479px) {
  .span12 .newsroom .element .image-news, .span11 .newsroom .element .image-news, .span10 .newsroom .element .image-news, .span9 .newsroom .element .image-news, .span8 .newsroom .element .image-news, .span7 .newsroom .element .image-news, .span6 .newsroom .element .image-news, .span5 .newsroom .element .image-news, .span4 .newsroom .element .image-news, .span3 .newsroom .element .image-news, .span2 .newsroom .element .image-news, .span1 .newsroom .element .image-news {
    display: none;
    max-width: 100%;
    width: 100%;
    max-height: none;
    margin-right: 0px;
    margin-bottom: 20px; }
    .span12 .newsroom .element .image-news.news-small, .span11 .newsroom .element .image-news.news-small, .span10 .newsroom .element .image-news.news-small, .span9 .newsroom .element .image-news.news-small, .span8 .newsroom .element .image-news.news-small, .span7 .newsroom .element .image-news.news-small, .span6 .newsroom .element .image-news.news-small, .span5 .newsroom .element .image-news.news-small, .span4 .newsroom .element .image-news.news-small, .span3 .newsroom .element .image-news.news-small, .span2 .newsroom .element .image-news.news-small, .span1 .newsroom .element .image-news.news-small {
      display: block; } }
/* --------- Display news-light ---------- */
.newsroom.newslight .element {
  padding-bottom: 15px;
  margin-bottom: 15px; }
  .newsroom.newslight .element .subtitle {
    margin-bottom: 0; }

/* --------- Display title list ---------- */
.title-list .element {
  margin-bottom: 25px; }
.title-list .element:last-child {
  margin-bottom: 0; }

@media screen and (max-width: 767px) {
  .newsroom .element .image-news {
    margin-right: 20px;
    width: 30%; }
    .newsroom .element .image-news img {
      max-width: 100%; } }
.portlet-asset-publisher .newsroom .lfr-meta-actions {
  margin-left: 1em;
  position: relative;
  z-index: 1; }