.newsroom .banner {
  background-image: url(/themes/custom/ipcig/images/newsroom-banner.jpg);
}

.newsroom .news {
  margin: 10rem 0;
}
.newsroom .news .info {
  text-align: center;
  margin: -3rem 0 4rem;
}

.newsroom .latest-news .news-scroll,
.newsroom .latest-newsletters .news-scroll,
.newsroom .latest-multimedia .news-scroll{
  width: 100%;
  margin: 4rem 0;
}
.newsroom .latest-multimedia .news-scroll .views-row {
  float: left;
  max-width: 100rem;
}

.latest-multimedia .news-scroll .views-element-container .pager .pager__item {
  text-align: center;
  margin: 4rem 0;
  list-style-type: none;
}

.latest-multimedia .news-scroll .views-element-container .pager .pager__item .button {
  width: 28rem;
  font-size: 2.1rem;
  background-color: var(--main-blue-color);
  margin-top: 2rem;
  color: #ffffff;
  border-radius: 3.5rem;
  padding: 0.9rem;
  text-align: center;
  display: inline-block;
}

.newsroom .latest-news .news-scroll .views-element-container > div::-webkit-scrollbar,
.newsroom .latest-newsletters .news-scroll .views-element-container > div::-webkit-scrollbar,
.newsroom .latest-multimedia .news-scroll .views-element-container > div::-webkit-scrollbar {
  display: none;
}

.newsroom .latest-news .news-teaser h3,
.newsroom .latest-newsletters .bulletin-teaser h3,
.newsroom .latest-multimedia .multimedia-teaser h3 {
  min-height: 14.5rem;
  padding: 1rem;
}

.newsroom .latest-news .news-teaser h3 a,
.newsroom .latest-newsletters .bulletin-teaser h3 a,
.newsroom .latest-multimedia .multimedia-teaser h3 {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-family: "Nexa Light";
  line-height: 1.2;
  color: var(--link-color, #ffffff);
  min-height: 6em;
  font-weight: bold;
  text-align: left;
}

.newsroom .latest-news .news-teaser .fields,
.newsroom .latest-newsletters .bulletin-teaser .fields,
.newsroom .latest-multimedia .multimedia-teaser .fields {
  border-bottom: none;
  padding: .5rem 0;
  font-size: 1.2rem;
  font-family: "Nexa Bold";
  color: #ffffff;
  margin: 0;
  text-align: left;
}

.newsroom .latest-news .news-teaser .fields .field,
.newsroom .latest-newsletters .bulletin-teaser .fields .field,
.newsroom .latest-multimedia .multimedia-teaser .fields .field {
  font-size: 1.4rem;
  font-family: "Nexa Bold";
  color: var(--link-color, #ffffff);
}

/* Background of publications cards */
.newsroom .latest-news .news-card:nth-child(4n + 1),
.newsroom .latest-newsletters .news-card:nth-child(4n + 1),
.newsroom .latest-multimedia .news-card:nth-child(4n + 1) {
  background-color: var(--main-blue-color);
}

.newsroom .latest-news .news-card:nth-child(4n + 2),
.newsroom .latest-newsletters .news-card:nth-child(4n + 2),
.newsroom .latest-multimedia .news-card:nth-child(4n + 2) {
  background-color: var(--main-yellow-color);
  --link-color: var(--main-blue-color);
}

.newsroom .latest-news .news-card:nth-child(4n + 3),
.newsroom .latest-newsletters .news-card:nth-child(4n + 3),
.newsroom .latest-multimedia .news-card:nth-child(4n + 3) {
  background-color: var(--main-orange-color);
}

.newsroom .latest-news .news-card:nth-child(4n + 4),
.newsroom .latest-newsletters .news-card:nth-child(4n + 4),
.newsroom .latest-multimedia .news-card:nth-child(4n + 4) {
  background-color: var(--main-green-color);
}

.newsroom .latest-news .news-card .fields .field,
.newsroom .latest-newsletters .news-card .fields .field,
.newsroom .latest-multimedia .news-card .fields .field {
  padding-left: 4rem;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 1rem;
}

.newsroom .latest-news .news-card .fields .field:before,
.newsroom .latest-newsletters .news-card .fields .field:before {
  content: "";
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-image: url(/themes/custom/ipcig/images/news-list-decorator.svg);
  mask-image: url(/themes/custom/ipcig/images/news-list-decorator.svg);
  background-color:  var(--link-color, #ffffff);
  width: 19px;
  height: 20px;
  position: absolute;
  left: 1rem;
  bottom: 0.1rem;
}

.newsroom .latest-newsletters .news-card .fields .field:before {
  -webkit-mask-image: url(/themes/custom/ipcig/images/newsletter-list-decorator.svg);
  mask-image: url(/themes/custom/ipcig/images/newsletter-list-decorator.svg);
}

.newsroom .latest-newsletters .news-scroll .views-element-container > div .news-card .thumb a,
.newsroom .latest-multimedia .news-scroll .views-element-container > div .news-card .thumb a {
  display: block;
  height: 200px;
  overflow: hidden;
  background: rgba(0,0,0,0.2);
}

.newsroom .latest-newsletters .news-scroll .views-element-container > div .news-card .thumb img,
.newsroom .latest-multimedia .news-scroll .views-element-container > div .news-card .multimedia-teaser img {
  width: 100%;
}

.newsroom .multimedia {
  background: var(--main-gray-color);
}

.newsroom .latest-news-page,
.newsroom .newsletter-page {
  margin: 4rem 0;
}

.newsroom .latest-news-page h1 + hr,
.newsroom .newsletter-page h1 + hr {
  margin-bottom: 4rem;
}

.newsroom .latest-news-page .title h2,
.newsroom .newsletter-page .title h2 {
  margin: 3rem 0;
}

.newsroom .latest-news-page .news-card,
.newsroom .newsletter-page .news-card {
  padding: 2rem 1rem 2rem 4rem;
  background-image: url(/themes/custom/ipcig/images/news-list-decorator.svg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 35px;
}
.newsroom .newsletter-page .news-card {
  background-size: 30px;
  background-image: url(/themes/custom/ipcig/images/newsletter-list-decorator.svg);
}
.newsroom .newsletter-page .news-card .thumb {
  display: none;
}

.newsroom .latest-news-page .news-card time,
.newsroom .newsletter-page .news-card time {
  color: var(--main-text-color);
  font-family: "Gotham Light";
  font-size: 1.8rem;
}

.newsroom .latest-news-page .news-card h3 a,
.newsroom .newsletter-page .news-card h3 a,
.newsroom .newsletter-page .news-card h3 {
  font-weight: 800;
  font-size: 2.2rem;
}
.newsroom .latest-news-page .news-card .fields,
.newsroom .newsletter-page .news-card .fields {
  margin-top: -.8rem;
}

.user-photo {
  min-width: 150px;
  height: 150px;
  width: 150px;
  margin: 1rem;
  border-radius: 50%;
  border: 3px solid var(--main-blue-color);
  background: var(--main-gray-color);
  overflow: hidden;
}
.user-photo img {
  width: 100%;
  height: 100%;
}
.user-info {
  flex: 1;
  align-self: center;
}
.user-info h3 {
  text-transform: uppercase;
  font-weight: bold;
}
.user-info p {
  font-size: 1.6rem;
}
.newsroom a.username {
  font-size: 2.4rem;
}

/* Signup to newsletter styles */

.signup-newsletter {
  margin: 6rem auto;
  display: flex;
  flex-direction: column;
  justify-self: center;
  align-items: center;
}

.signup-newsletter form {
  margin-top: 4rem;
}

.signup-newsletter form .form-actions {
  text-align: center;
}

.signup-newsletter form .form-actions button {
  width: 28rem;
}

section[name="subscribe-newsletter"] {
  margin-bottom: -10rem;
}

.newsroom .news img {
  max-width: 100%;
  display: block;
  height: auto;
}