/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.fne-fixe-image-container {
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: 50% !important;
  background-color: #fff;
  min-height: 80vh !important; }

.fne-fixe-image-container img {
  display: none; }

.wp-block-fne-media-text__media {
  position: relative; }

.wp-block-fne-media-text__media:after {
  position: absolute;
  bottom: 0;
  right: 0;
  content: attr(data-caption);
  padding: 3px 6px;
  font-size: 14px;
  color: #FFF;
  text-shadow: 0 0 8px #000,0 0 4px #000,0 0 2px #000,0 0 1px #000;
  background-color: rgba(0, 0, 0, 0.05);
  font-family: "Calibri", -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; }

.wp-block-fne-media-text {
  /*!rtl:begin:ignore*/
  direction: ltr;
  /*!rtl:end:ignore*/
  display: grid;
  grid-template-columns: 50% 1fr;
  grid-template-rows: auto; }
  .wp-block-fne-media-text.has-media-on-the-right {
    grid-template-columns: 1fr 50%; }

.wp-block-fne-media-text.is-vertically-aligned-top .wp-block-fne-media-text__content,
.wp-block-fne-media-text.is-vertically-aligned-top .wp-block-fne-media-text__media {
  -ms-flex-item-align: start;
      align-self: start; }

.wp-block-fne-media-text .wp-block-fne-media-text__content,
.wp-block-fne-media-text .wp-block-fne-media-text__media,
.wp-block-fne-media-text.is-vertically-aligned-center .wp-block-fne-media-text__content,
.wp-block-fne-media-text.is-vertically-aligned-center .wp-block-fne-media-text__media {
  -ms-flex-item-align: center;
      align-self: center; }

.wp-block-fne-media-text.is-vertically-aligned-bottom .wp-block-fne-media-text__content,
.wp-block-fne-media-text.is-vertically-aligned-bottom .wp-block-fne-media-text__media {
  -ms-flex-item-align: end;
      align-self: end; }

.wp-block-fne-media-text .wp-block-fne-media-text__media {
  /*!rtl:begin:ignore*/
  grid-column: 1;
  grid-row: 1;
  /*!rtl:end:ignore*/
  margin: 0;
  height: 100%; }

.wp-block-fne-media-text .wp-block-fne-media-text__content {
  direction: ltr;
  /*!rtl:begin:ignore*/
  grid-column: 2;
  grid-row: 1;
  /*!rtl:end:ignore*/
  padding: 0 8% 0 8%;
  word-break: break-word; }

.wp-block-fne-media-text.has-media-on-the-right .wp-block-fne-media-text__media {
  /*!rtl:begin:ignore*/
  grid-column: 2;
  grid-row: 1;
  /*!rtl:end:ignore*/ }

.wp-block-fne-media-text.has-media-on-the-right .wp-block-fne-media-text__content {
  /*!rtl:begin:ignore*/
  grid-column: 1;
  grid-row: 1;
  /*!rtl:end:ignore*/ }

.wp-block-fne-media-text__media img,
.wp-block-fne-media-text__media video {
  max-width: unset;
  width: 100%;
  vertical-align: middle; }

.wp-block-fne-media-text.is-image-fill figure.wp-block-fne-media-text__media {
  height: 100%;
  min-height: 250px;
  background-size: cover; }

.wp-block-fne-media-text.is-image-fill figure.wp-block-fne-media-text__media > img {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

/*
* Here we here not able to use a mobile first CSS approach.
* Custom widths are set using inline styles, and on mobile,
* we need 100% width, so we use important to overwrite the inline style.
* If the style were set on mobile first, on desktop styles,
* we would have no way of setting the style again to the inline style.
*/
@media (max-width: 1081px) {
  .fne-fixe-image-container {
    /*** disable 'background-attachment: fixed;' on small devices ***/
    background-attachment: initial;
    background-size: cover !important;
    background-position: center !important; }
  .wp-block-fne-media-text.is-stacked-on-mobile {
    grid-template-columns: 100% !important; }
    .wp-block-fne-media-text.is-stacked-on-mobile .wp-block-fne-media-text__media {
      grid-column: 1;
      grid-row: 1; }
    .wp-block-fne-media-text.is-stacked-on-mobile .wp-block-fne-media-text__content {
      grid-column: 1;
      grid-row: 2; }
  .wp-block-fne-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-fne-media-text__media {
    grid-column: 1;
    grid-row: 1; }
  .wp-block-fne-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-fne-media-text__content {
    grid-column: 1;
    grid-row: 2; } }