article figure {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  --gb_colgap: 0.75rem;
}
@media (min-width: 64em) {
 article figure {
  --gb_colgap: 1rem;
}
}
.article-body > figure {
  grid-column-gap: var(--gb_colgap);
  grid-row-gap: var(--gb_rowgap);
  margin: 1.5rem 0;
  padding: 0;
}
.article-body > figure > * {
  grid-column: var(--col_art_body);
}
.article-body > figure.is-type-video > div {
  grid-column: 1;
  max-width: 736px;
}
figure.is-type-video.wp-embed-aspect-4-3 iframe {
    max-width: 100%;
    aspect-ratio: 4/3;
    height: auto;
}
figure.is-type-video.wp-embed-aspect-16-9 iframe {
    max-width: 100%;
    aspect-ratio: 16/9;
    height: auto;
}
figure.tall,
figure.small,
figure.narrow,
figure.is-resized, 
figure.is-type-video {
  grid-column: var(--col_art_body);
  display: flex;
  flex-direction: column;
}
@media (min-width: 75em) {
  /* 75 */
  .article-body figure {
    margin: 1.5rem 0;
    padding: 0;
  }
  .article-body > figure a,
  .article-body > figure img {
    grid-column: var(--col_art_body);
  }
  .article-body > figure figcaption {
    grid-column: 3 / 5;
  }
  .article-body > figure.wide a,
  .article-body > figure.wide img {
    grid-column: 3 / 5;
  }
  .article-body > figure.wide figcaption {
    grid-column: 5 / 7;
  }
}
@media (min-width: 48em) {
  figure.tall,
  figure.small,
  figure.narrow {
    display: grid;
    grid-template-columns: max-content 1fr; /* 65% 1fr */
    align-items: end;
  }
  .article-body > figure.tall,
  .article-body > figure.small,
  .article-body > figure.narrow {
    grid-column: var(--col_art_body);
  }
  figure.tall a,
  figure.tall > img,
  figure.small a,
  figure.small > img,
  figure.narrow a,
  figure.narrow > img {
    grid-column: 1;
  }
  .article-body > figure figcaption,
  figure.tall figcaption,
  figure.small figcaption,
  figure.narrow figcaption {
    grid-column: 2;
  }
  figure.narrow {
    grid-template-columns: auto 1fr;
  }
}
@media (min-width: 64em) {
  .article-body > figure,
  figure.tall,
  figure.small,
  figure.narrow {
    display: grid;
    grid-template-columns: max-content 1fr; /* 65% 1fr */
    /* grid-gap: 1.5rem; 1rem */
  }
  .article-body > figure {
    grid-column: var(--col_art_body);
    align-items: end;
    margin: 1.5rem 0;
    padding: 0;
  }
   .article-body > figure.is-resized, .article-body > figure.is-type-video {
    display: grid;
    grid-column: 3 / 5;
    align-items: end;
    margin: 1.5rem 0;
    padding: 0;
  }
/* 
  }
  figure.is-type-video.wp-embed-aspect-16-9 > div {
    overflow: hidden;
    aspect-ratio: 16/9;
  } */
    figure.is-type-video > div {
      margin-bottom:-1rem;  
    } 
}

  .article-body > figure.tall,
  .article-body > figure.small,
  .article-body > figure.narrow {
    grid-column: var(--col_art_body);
  }
  .article-body > figure a,
  .article-body > figure > img,
  figure.tall a,
  figure.tall > img,
  figure.small a,
  figure.small > img,
  figure.narrow a,
  figure.narrow > img {
    grid-column: 1;
  }
  .article-body > figure figcaption,
  figure.tall figcaption,
  figure.small figcaption,
  figure.narrow figcaption {
    grid-column: 2;
  }
  figure.narrow {
    grid-template-columns: auto 1fr;
  }

@media (min-width: 64em) {
  article .wp-block-group.fig {
    display: grid;
    grid-column: var(--col_all);
    grid-template-columns: var(--grid_article);
  }
  .fig .wp-block-group__inner-container {
    display: grid;
    grid-column: var(--col_margins);
    grid-column-gap: var(--gb_colgap);
  }
  .fig figure > a {
    z-index: 2;
  }
  .fig figcaption a {
    position: relative;
    z-index: 9;
  }
}
  /*  ----- responsive 2cols ----------  */
  .rcol2 .wp-block-group__inner-container {
    grid-template-columns: var(--gb_page) 1fr 1fr var(--gb_page); /* 2fr 3fr 3fr 2fr */
  }
  .rcol2 .wp-block-group__inner-container {
    max-height: 50vh;
  }
  .rcol2 figure {
    grid-column: var(--col_all);
    grid-row: 1;
    display: grid;
    grid-template-columns: var(--grid_rcol2);
    grid-column-gap: var(--gb_colgap);
  }
  .rcol2 figcaption {
    grid-row: 1;
    align-self: end;
  }
  .rcol2 figure:nth-child(1) figcaption {
    grid-column: 1;
  }
  .rcol2 figure:nth-child(2) a {
    grid-column: 3;
    grid-row: 1;
  }
  .rcol2 figure:nth-child(2) figcaption {
    grid-column: 4;
  }
  .rcol2 figure {
    margin: 0;
    padding: 0;
  }
  .rcol2 figure a {
    max-height: 50vh;
  }
  .rcol2 img {
    width: 100%;
    height: 50vh;
    object-fit: cover;
  }
  .rcol2 figcaption {
    max-width: 50ch;
  }

  /*  -----  2cols ----------  */
  .col2 .wp-block-group__inner-container {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: max-content max-content;
  }
  .col2 figure {
    grid-column: var(--col_all);
    grid-row: 1 /-1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: max-content max-content;
    grid-column-gap: var(--gb_colgap);
    grid-row-gap: var(--gb_rowgap);
    align-content: end;
  }
  .col2 figcaption {
    grid-row: 2;
  }
  .col2 figure:nth-child(1) > * {
    grid-column: 1;
    justify-self: end;
  }
  .col2 figure:nth-child(1) a {
    justify-self: end;
    align-self: end;
  }
  .col2 figure:nth-child(2) > * {
    grid-column: 2;
    justify-self: start;
    align-self: end;
  }
  .col2 figcaption {
    max-width: 60ch;
  }
  /*  -----  2cols portrait----------  */
   article .wp-block-group.fig.col2.tall {
    display:flex;
    grid-column: var(--col_art_body);
    /* grid-template-columns: var(--grid_article); */
  }
  .fig .wp-block-group__inner-container {
    display: grid;
    grid-column: var(--col_margins);
    grid-column-gap: var(--gb_colgap);
  }
  .col2.tall .wp-block-group__inner-container {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: max-content max-content;
  }
  .col2.tall figure {
    grid-column: var(--col_all);
    grid-row: 1 /-1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    /* grid-template-rows: max-content max-content; */
    grid-column-gap: var(--gb_colgap);
    grid-row-gap: var(--gb_rowgap);
    align-content: end;
  }
  .col2.tall figcaption {
    grid-row: 2;
  }
  .col2.tall figure:nth-child(1) > * {
    grid-column: 1;
    justify-self: end;
  }
  .col2.tall figure:nth-child(1) a {
    justify-self: end;
    align-self: end;
  }
  .col2.tall figure:nth-child(2) > * {
    grid-column: 2;
    justify-self: start;
    align-self: start;
  }
  /* .col2 figure {
        margin:0;
        padding:0;
    }
    .col2 figure a {
        max-height: 50vh;
        z-index: 2;
    }
    .col2 img {
        width:100%;
        height: 50vh;
        object-fit: cover;
    } */
  .col2.tall figcaption {
    max-width: 60ch;
  }

  /*  -----  3cols ----------  */
  .col3 .wp-block-group__inner-container {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: max-content max-content;
  }
  .col3 figure {
    grid-column: var(--col_all);
    grid-row: 1 /-1;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: max-content max-content;
    grid-column-gap: var(--gb_colgap);
    grid-row-gap: var(--gb_rowgap);
    /* align-content: end; */
  }
  .col3 figcaption {
    grid-row: 2;
  }
  .col3 figure:nth-child(1) > * {
    grid-column: 1;
  }
  .col3 figure:nth-child(1) a {
    justify-self: end;
    align-self: end;
  }
  .col3 figure:nth-child(2) > * {
    grid-column: 2;
    justify-self: start;
  }
  .col3 figure:nth-child(2) > a {
    align-self: end;
  }
  .col3 figure:nth-child(3) > * {
    grid-column: 3;
    justify-self: start;
    align-self: end;
  }
  .col3 figure:nth-child(3) > figcaption {
    align-self: start;
  }
figcaption {
  text-align: left !important;
  font-size: 0.8em !important;
  margin: 0 !important;
}
figcaption i,
figcaption b,
figcaption span {
  font-weight: normal !important;
  font-style: normal !important;
  text-transform: uppercase !important;
  font-size: 0.85em !important;
}
.wp-caption-text.gallery-caption i:before,
.slb_data_title i:before,
figcaption i:before, figcaption span:before {
  content: "\f030";
  font-weight: 900;
  font-family: var(--ff_icon);
  padding: 0 0.5em 0 0;
}
@supports (grid-template-rows: subgrid) {
    .col2 figure,
    .col3 figure,
    .col4 figure {
      grid-template-rows: subgrid;
  }
}
@media print {
  header,
  button,
  nav,
  footer {
    display: none;
  }
}