.item {
  --#{$prefix}text-opacity: 1;
  --lx-item-category-link-color: #{$item-category-link-color};
  --lx-item-category-link-hover-color: #{$item-category-link-hover-color};
  --lx-item-meta-link-color: #{$item-meta-link-color};
  --lx-item-meta-link-hover-color: #{$item-meta-link-hover-color};
  --lx-item-title-link-color: #{$item-title-link-color};
  --lx-item-title-link-hover-color: #{$item-title-link-hover-color};
  --lx-item-text-transform: #{$item-text-transform};

  &:hover {
    .item-hover-opacity-100 {
      opacity: 1 !important; // stylelint-disable-line declaration-no-important
    }

    .item-hover-opacity-10 {
      opacity: .1 !important; // stylelint-disable-line declaration-no-important
    }

    .item-hover-opacity-0 {
      opacity: 0 !important; // stylelint-disable-line declaration-no-important
    }
  }

  .item-title {
    text-transform: var(--lx-item-text-transform);
  }

  .item-title-link {
    color: var(--lx-item-title-link-color);

    &:hover {
      color: var(--lx-item-title-link-hover-color);
      text-decoration: none;
    }

  }

  .item-category {
    color: var(--lx-item-category-link-color);
  }

  .item-category-link {
    color: var(--lx-item-category-link-color);

    &:hover {
      color: var(--lx-item-category-link-hover-color);
    }
  }

  .item-meta {
    color: var(--lx-item-meta-link-color);
  }

  .item-meta-link {
    color: var(--lx-item-meta-link-color);

    &:hover {
      color: var(--lx-item-meta-link-hover-color);
    }
  }
}

.item-hover-opacity-0,
.item-hover-opacity-1,
.item-title-link,
.item-category-link,
.item-meta-link,
.item-cover-bg,
.item-cover-overlay {
  transition: $transition-base;
}

.item:hover .item-hover-scaleup {
  transform: scale(1.1);
}

.item-content {
  --outercontent-w: var(--#{$prefix}container-max-width);
  --outercontent-space-x: calc((var(--#{$prefix}container-max-width) - var(--bs-gutter-x) - 100%) / 2);

  blockquote {
    margin: 1.5rem 1rem 2rem;

    p {
      @include font-size(3rem);
      font-family: $display-font-family;
      font-style: $display-font-style;
      font-weight: $display-font-weight;
      line-height: $display-line-height;
    }
    cite {
      @include font-size($blockquote-footer-font-size);
      color: $blockquote-footer-color;
      &::before {
        content: "\2014\00A0"; // em dash, nbsp
      }
    }
  }
  figure {
    img {
      max-width: 100%;
      height: auto;
    }
  }

  > figure:not(.alignleft):not(.alignright):not(.alignnone):not(.wp-block-audio):not(.wp-block-embed):not(.wp-block-table):not(.aligncenter):not(.wp-block-pullquote):not(.wp-block-video) {
    position: relative;
    width: calc(100% + (var(--#{$prefix}gutter-x) * 2));
    margin-right: calc(var(--#{$prefix}gutter-x) * -1);
    margin-left: calc(var(--#{$prefix}gutter-x) * -1);

    @include media-breakpoint-up(lg) {
      width: calc(var(--outercontent-w) - (var(--#{$prefix}gutter-x) * 2));
      margin-right: calc(-1 * (var(--outercontent-space-x) - (var(--#{$prefix}gutter-x) / 2)));
      margin-left: calc(-1 * (var(--outercontent-space-x) - (var(--#{$prefix}gutter-x) / 2)));
    }

    img {
      width: 100%;
    }
  }
}