.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,
.articleList article h2>a span {
  color: var(--ws-dark-navy);
}
.articleList article h2>:is(a, a:hover, a:focus) span {
  font-weight: 700;
}
.articleList article h2>:is(a:hover, a:focus),
.articleList article h2>:is(a:hover, a:focus) span {
  color: var(--ws-red);
}

.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: .8125em;
  padding: 0.5em 2em 0.5em 1.5em;
}

.photoright {
  margin: 0 0 0 2em;
}
.photoright .video {
  min-width: 50%;
}
.photoright .video .videoContainer iframe {
  clip-path: inset (3px 3px);
}
.newsArticle video {
    width: 100%;
    height: auto;
    clip-path: inset(3px 3px);
}
h2 img{
  height: 1.25em;
    width: auto;
    bottom: -.25em;
    position: relative;
    margin-right: .25em;
    opacity: .5;
    }
.twoTile{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--ws-grid-gap);
  justify-items:center;

}
ul.twoTile li{
  padding: var(--ws-grid-gap);
  text-align: center;
  display: grid;
  justify-items: center;
}
ul.twoTile li:before{
  display: none;
}
ul.twoTile li img{
  width: auto;
  max-width: 50vw;
  height: auto;
  object-fit: contain;
  object-position: center;
}
ul.twoTile li p{
 font-size: .8em;
 font-style: italic;
 max-width: 30em;
}
ul.twoTile li a{
 font-size: .8em;
}
@media (max-width: 900px) {
.twoTile{
  display: grid;
  grid-template-columns: 1fr;
}
ul.twoTile li{
width: 100%;
}
}


@media (min-width: 900px) {
ul.twoTile li img{
  width: 100%;
  max-width: 20vw;
  height: 10em;
}
}
@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 =====~~~~~----- */