.news-content .author {
  position: relative;
}
.news-content .author .image-box {
  position: relative;
  display: block;
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: var(--border-radius);
}
.news-content .author img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news-content .author .text-box {
  font-size: var(--font-size-xs);
}
.news-content .author .author-name {
  font-size: var(--font-size-copy);
  margin: 1.2em 0 0.6em;
}
.news-content .author .author-bio {
  margin: 0.6em 0;
}
.news-content .author .contact-details {
  font-size: var(--font-size-copy);
  border-top: 2px solid var(--lightgrey-hex);
  padding-top: 1em;
}
@media (min-width: 1000px) {
  .news-content.sidebar-layout {
    padding-left: calc((var(--container-width) - var(--narrow-width)) / 2);
    padding-right: var(--container-padding);
    gap: 20px;
  }
  .news-content.sidebar-layout .sidebar {
    order: 0;
    padding-left: 0;
    max-width: calc((var(--container-width) - var(--narrow-width)) / 2);
    padding-right: 0;
  }
}
@media (min-width: 1000px) and (max-width: 1299px) {
  .news-content.sidebar-layout .sidebar {
    max-width: 200px;
  }
}
@media (min-width: 1000px) {
  .news-content.sidebar-layout .main {
    width: var(--narrow-width);
    max-width: none;
  }
}
@media (min-width: 1000px) and (max-width: 1499px) {
  .news-content.sidebar-layout {
    padding-left: calc((100% - var(--narrow-width)) / 2);
  }
}
@media (max-width: 999px) and (orientation: landscape), (max-width: 999px) and (min-width: 768px), (max-width: 1299px) and (orientation: portrait) and (orientation: landscape), (max-width: 1299px) and (orientation: portrait) and (min-width: 768px) {
  .news-content .author {
    display: flex;
  }
  .news-content .author .image-box {
    max-width: 40%;
    margin-right: 2em;
  }
}
@media (max-width: 999px) and (max-width: 767px), (max-width: 1299px) and (orientation: portrait) and (max-width: 767px) {
  .news-content .author .image-box {
    max-width: 240px;
  }
}

/*# sourceMappingURL=news-content.css.map */
