/* Overrides repecuted in the sass files but not re compiled. @todo remove css below after sass re-compilation */
.noUi-value-vertical {
  transform: translate(0, -50%);
}
.facet-search-block .facet-search-title #js-close-sidebar, .facet-search-block .facet-search-title #js-close-facet {
  transform: rotate(0deg) translate3d(0, 0, 0);
}
#footer-wrapper #block-pieddepageprincipal > ul > li.opened > a::after,
#footer-wrapper #block-pieddepageprincipal > ul > li.opened > span::after {
  transform: rotate(0deg);
}

/* Video Lamslife on front page. @todo add to sass */
@media only screen and (min-width: 800px)  {
  .lams-life-news .video.view_mode_autoplay video {
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
  }

  .lams-life-news .video-embed-field-responsive-video {
    position: absolute;
    min-height: 100%;
    width: 265%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
  }
}
@media only screen and (max-width: 799px)  {
  .lams-life-news .video.view_mode_autoplay video {
    max-width: 100%;
  }
}

.page-node-history .block_history .field_history_block_media .media.video .video-embed-field-responsive-video {
  width: 850px;
  display: block;
  max-width: 100%;
  margin-bottom: 15px;
}
.page-node-history .block_history .field_history_block_media .media.video video {
  max-width: 100%;
  margin-bottom: 15px;
  display: block;
}
@media only screen and (min-width: 801px) {
  .page-node-history .block_history .field_history_block_media.js-has-video.js-nb-img-1 > div.js-media:not(.opened) {
    max-width: 50%;
  }
}
.page-node-history .block_history .field_history_block_media > div.js-media img {
  max-height: 70vh;
  width: auto;
}

.page-node-history .block_history .field_media_image .view_mode_default {
  background: #ffffff;
  padding: 20px;
}

.page-node-history .block_history .field_media_image .field_text_long_1,
.page-node-history .block_history .field_history_block_media.js-popin-media .field_string_1 {
  display: none;
}

.page-node-history .block_history .field_history_block_media.js-popin-media .field_text_long_1 {
  display: block;
}

.page-node-history .block_history .field_media_image .field_string_1 {
  position: relative;
  cursor: pointer;
  line-height: 1.2;
  z-index: 2;
  display: inline-block;
  margin: 2.2rem 0.6rem 1.6rem;
}

.page-node-history .block_history .field_media_image .field_string_1::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  left: -0.5ch;
  right: -0.5ch;
  bottom: 0;
  background: #ff9898;
  z-index: -1;
  height: 0.4em;
  transform: translate3d(0,0,0);
  transform-origin: 0 100%;
  transition: transform 0.15s ease-in-out,opacity 0.15s ease-in-out;
}

.page-node-history .block_history .field_media_image .field_string_1:hover::before {
  transform: translate3d(0,0.8em,0);
}

.page-node-history .block_history .field_media_image .field_text_long_1 .wysiwyg-legend,
.page-node-history .block_history .field_media_image .field_text_long_1 p {
  margin-bottom: 0;
  padding: 1.3rem;
}

.page-node-history .block_history .field_media_image .field_media_image div {
  line-height: 0;
}

@media only screen and (max-height: 600px)  {
  .page-node-history .headrest .field_text_2 {
    display: block;
  }
}

@media only screen and (min-width: 450px) and (max-width: 800px) {

  .page-node-history .block_history .field_history_block_media > div.js-media img {
    max-height: 85vh;
    width: auto;
  }

  .page-node-history .block_history .field_history_block_media > div.js-media article {
    width: max-content;
    width: intrinsic;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
  }

  .page-node-history .block_history .field_history_block_media > div.js-media article div {
    width: max-content;
    width: intrinsic;
    max-width: 100%;
  }
}