/* Image-Text Box */
.image-text-box {
  overflow: hidden;
  -webkit-transform-style: preserve-3d;
  position: relative; }
  .image-text-box > a {
    background: inherit;
    color: inherit;
    text-decoration: none;
    height: 100%;
    display: block; }
  .image-text-box figure {
    position: relative; }
    @media screen and (min-width: 700px) {
  .image-text-box figure.flex img {
    display: none; } }
  .image-text-box .su__image {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat; }
    .image-text-box .su__image__hex {
      display: none;
      position: absolute;
      left: calc(50% - 1rem);
      top: calc(50% - 1rem);
      z-index: 2;
      height: 2rem !important;
      width: 2rem; }
      @media screen and (min-width: 700px) {
  .image-text-box .su__image__hex {
    display: block; } }
      .image-text-box .su__image__hex svg {
        height: 2rem;
        width: 2rem;
        overflow: visible;
        transform: rotate(90deg); }
      .image-text-box figcaption {
        padding-top: 0.3rem;
        padding-bottom: 0.3rem;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        position: relative;
        z-index: 1;
        margin-top: 0; }
  body:not(.touch) .image-text-box .image-zoom img {
    -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.37, 0.045, 0.105, 0.8);
    transition: -webkit-transform 0.8s cubic-bezier(0.37, 0.045, 0.105, 0.8);
    transition: transform 0.8s cubic-bezier(0.37, 0.045, 0.105, 0.8);
    transition: transform 0.8s cubic-bezier(0.37, 0.045, 0.105, 0.8), -webkit-transform 0.8s cubic-bezier(0.37, 0.045, 0.105, 0.8); }
  body:not(.touch) .image-text-box:hover .image-zoom img {
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
    -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.37, 0.045, 0.105, 0.8);
    transition: -webkit-transform 0.8s cubic-bezier(0.37, 0.045, 0.105, 0.8);
    transition: transform 0.8s cubic-bezier(0.37, 0.045, 0.105, 0.8);
    transition: transform 0.8s cubic-bezier(0.37, 0.045, 0.105, 0.8), -webkit-transform 0.8s cubic-bezier(0.37, 0.045, 0.105, 0.8); }

@media screen and (min-width: 31.25em) {
  .image-text-box figcaption {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem; } }

@media screen and (min-width: 700px) {
  .image-text-box:not(.white-box) figure.flex:not(.flex--column-reverse) figcaption {
    padding-left: 2rem !important; }

  .image-text-box:not(.white-box) figure.flex.flex--row-reverse figcaption {
    padding-left: 1rem !Important;
    padding-right: 2rem !important; } }