.cards-editorial {
  margin-bottom: var(--space-5);
  position: relative;
  height: 600px;
  overflow: hidden;
  border: solid 1px var(--calcite-ui-border-1);
  background-color: var(--calcite-ui-background); }
  .cards-editorial.small-card {
    width: 100%; }
  .cards-editorial .editorial-video {
    height: 50%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center; }
    .cards-editorial .editorial-video .editorial-video-categoryText {
      position: absolute;
      bottom: 0;
      width: 100%; }
  .cards-editorial .editorial-image {
    height: 50%;
    position: relative;
    overflow: hidden; }
    .cards-editorial .editorial-image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block; }
  .cards-editorial .editorial-categorytext {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: var(--space-2) var(--space-5); }
  .cards-editorial .editorial-content {
    position: relative;
    padding: var(--space-5); }
    .cards-editorial .editorial-content .editorial-text-title {
      color: var(--calcite-ui-text-1);
      font-size: var(--font-3); }
    .cards-editorial .editorial-content .editorial-text-context {
      color: var(--calcite-ui-text-2); }
    .cards-editorial .editorial-content .editorial-text-hero-content {
      color: var(--calcite-ui-text-1); }
  .cards-editorial .editorial-links {
    border-top: 1px solid;
    min-height: 30px;
    display: flex;
    flex-direction: column;
    padding: var(--space-1) var(--space-5);
    border-top-color: var(--calcite-ui-border-1); }
    @media (min-width: 1900px) {
      .cards-editorial .editorial-links {
        justify-content: space-between;
        flex-direction: row;
        align-items: center; } }
    .cards-editorial .editorial-links .calcite-button-wrapper {
      width: fit-content; }
  .cards-editorial .editorial-card-cta {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding-top: var(--space-8);
    background: linear-gradient(to bottom, var(--esri-ui-opacity00-inverse) 0%, var(--calcite-ui-foreground-1) 30%); }