/* used by actu-web2018.js */
.news-content-img-fluid {
  height: auto !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  max-width: 100% !important;
  max-height: 100% !important;
}

.images-to-download-desc {
  line-height: 1;
}

.buttons-in-news-card {
  bottom: 47px;
  left: 2rem;
}

.buttons-in-news-list {
  transform: translateY(-3rem) translateX(1rem);
  position: absolute;
  z-index: 10;
}

#ifrm-preview-newsletter {
  overflow: hidden;
  height: 100%;
  width: 635px;
}

.underbreadcrumb-container {
  display: flex;
  position: relative;
}

@media (min-width: 1200px) {
  .underbreadcrumb-container {
    margin: 0 3rem;
  }
}

@media (max-width: 1199.98px) {
  .underbreadcrumb-container {
    margin: 0 .8rem;
  }
}

.underbreadcrumb {
  color: #495057;
  font-size: .83rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.underbreadcrumb-info {
  background-color: #4a90e2;
  border-radius: 3px;
  color: #fff;
}

.news-listing-date {
  color: #212121;
}

/* Truncate the heading text (news list items) to 4 lines for medium, large and extra-large device */
@media (min-width: 768px) {
  .truncate-heading {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.card-img-top, .list-group-teaser-thumbnail {
  position: relative;
}

.news-video-overlay {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: transparent;
}

.news-video-overlay:before {
  content: "";
  width: 2.25rem;
  height: 2.25rem;
  background: url(../svg/icon-teaser-video.svg);
  background-size: 100%;
  border-radius: 50%;
  box-shadow: 0 0 1rem rgba(0,0,0,0.16);
}

/* CKEditor images with caption */
figure.image figcaption {
  margin-top: .5rem;
}

#subscription-news-language-choices div.disabled {
  pointer-events: none;
  opacity: 0.5;
}

#short-vimeo-video-figure {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
