/**
 * Related content right column
 */

@use "../settings" as *;
@use "../tools" as *;

.with-related {
  padding-bottom: space(1);
  margin-bottom: $grid-gutter-height;
  border-bottom: solid $brand-color 10px;
}

.related {
  padding-left: 0;
  margin-top: 0;
  border-left: solid $brand-color 2px;
}

.related-body {
  padding: $grid-gutter-height 0 0  #{$grid-gutter-width * .5};
  > * {
    height: auto;
    margin-bottom: $grid-gutter-height;
  }
}

.related-media {
  width: 100%;
  @include edgel-shadow();
}

.related-aside {
  padding-top: 4rem;
}