/* News & Industries
   Loaded after styles.css - builds on its .card_list / .img_split_section styles
******************************************************************************** */

/* Keep card images the same shape no matter what size the uploaded photo is */
.news_list .card figure img,
.industries_list .card figure img {
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  object-position: center;
}

/* News
******************************* */
.news_list {
  justify-content: center;
}
.news_date {
  font-family: var(--heading-font-family);
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--main-colour);
}
.card_list .news_date {
  margin-bottom: 10px;
}
.news_article .news_date {
  margin-bottom: 15px;
}
.news_article_photo a {
  display: block;
}
.news_article_photo img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 15px;
  box-shadow: 0 0 15px rgba(0,0,0,.1);
}
.news_article_photo figcaption {
  margin-top: 10px;
  font-size: 14px;
  font-style: italic;
  text-align: center;
}

/* Industries
******************************* */
.industries_list .card {
  margin-bottom: 30px;
}
/* Keep the main content clear of the photo beside it - the photo gives up the space so the big headings keep their width */
@media (min-width: 960px) {
  section.industry_intro.img_split_section > figure {
    width: calc(40% - 30px);
  }
}
/* On phones the photo stacks above the title - give it the same 30px the sections use */
@media (max-width: 959px) {
  section.industry_intro.img_split_section > figure {
    margin-bottom: 15px;
  }
}
/* An industry's own call to action, in place of the standard red band */
.industry_cta .editable_content {
  max-width: 850px;
  margin: 0 auto;
  text-align: center;
}