.interior main>div {
	z-index: 0;
}

.articleList {
	clear: both;
  margin-inline: -.25em;
}

.articleList article {
  overflow: auto;
  padding-inline: .25em;
}

.articleList article {
  align-items: center;
  border-top: 1px dashed #CCC;
  display: grid;
  grid-auto-flow: dense;
  grid-gap: var(--ws-grid-gap);
  grid-template-columns: repeat(8, 1fr);
  margin-top: 1.75em;
  padding-top: 2em;
}


.articleList article:last-of-type {
    border-bottom: 1px dashed #CCC;
    margin-bottom: 1.75em;
    padding-bottom: 2em;
}

.articleList article>div {
  grid-column: 1 / 6;
}

.content .articleList article>figure {
  float: none;
  grid-column: 6 / 9;
  margin: 0;
  max-width: 100%;
}

.articleList article h2 + time {
  display: block;
  margin: 0 0 0.5em;
}

.articleList article h2>a:not(:is(:hover, :focus)) {
  color: #000;
}

.articleList article h2>a:not(:is(:hover, :focus)) span {
  color: var(--ws-blue-2);
}

.articleList article h2>a span {
  font-weight: 400;
}

.news section {
  overflow: hidden;
  padding: 0 1em;
}

.news section:first-child {
  padding-left: 0
}

.news section:last-child {
  padding-right: 0
}

.news section>a {
  float: right;
  padding: 5px
}

.news section+section {
  border-left: 1px dotted rgba(0,0,0,.15)
}

#content .news section h1 {
  padding: 5px;
  margin-bottom: 0;
  font-size: .9em;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.news section div {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover
}

.news section article {
  margin-top: 0
}

.news section div article div {
  width: 100%;
  height: 100px;
  margin-bottom: .5em
}

.news section+p {
  clear: both
}

.news footer img {
  position: relative;
  vertical-align: baseline;
  bottom: -.5ex
}

.newsArticle .byline {
  margin: .375rem 0 2rem;
  font-style: italic;
}

.newsArticle .byline>* {
  display: block;
  font-size: .9rem;
}

.news h2 {
  margin-block: 0;
}

.articleContinue>.button {
  font-size: .85rem;
  padding: 0.5em 2em 0.5em 1.5em;
}

.photoright {
  margin: 0 0 0 2em;
}
.newsArticle video {
    width: 100%;
    height: auto;
}
@media (min-width: 751px) {
  .news h2 {
    font-size: 1.3125em;
  }
}


@media (max-width: 750px) {

  #cta {
    margin-top: -10em;
  }

  .content .news .photoright {
    float: none;
    margin: 0 auto 2em;
    max-width: 20em;
    width: 100%
  }

  .articleList article {
    display: block;
  }
}


/* ----~~~~~===== /NEWS/INCLUDES/STYLE.CSS =====~~~~~----- */