_utils.scss

@use "./teckids";

.image.is-70p {
  width: 70%;
  height: 70%;
}

figure.image>figcaption {
  position: absolute;
  bottom: 0;
  width: 100%;
  opacity: 75%;
}

.content .gallery figure {
  margin: 0;
}

.is-fullheight {
  height: 100%
}

.is-text-nowrap {
  text-wrap: nowrap !important;
}

.author-images>figure {
  // FIXME: Use percentages, reason not yet fixed: responsiveness broken
  // margin-right: -1 * 20%;
  margin-right: -30px;
}

.author-images>figure:last-child {
  margin-right: 0;
}

.hero.has-background {
  position: relative;
  overflow: hidden;

  .hero-body {
    .container {
      max-width: none !important;
      opacity: 0.6;

      bottom: -20vh;

      .box {
        color: black;
      }
    }
  }

  img.hero-background {
    position: absolute;
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%;
  }

  &.is-transparent {
    .hero-body {
      .container {
        bottom: 0 !important;
        opacity: 1;

        .box {
          background: none;
          box-shadow: none;
        }
      }
    }

    img.hero-background.is-transparent {
      opacity: 0.3;
    }
  }
}