.topic--news {
}
.topic--news .content {
  padding: 0;
}

.spotlight--1 {
  width: 100%;
  background-color: #023;
  border-bottom: 3px solid #fff;
}

.spotlight--right {
  margin-bottom: 0;
  background-color: rgba(0, 34, 51, 0.08);
}
.spotlight--2 {
  width: 100%;
  border-bottom: 3px solid #fff;
  overflow: hidden;
}
.spotlight--3 {
  width: 100%;
  padding: 1rem;
  overflow: hidden;
  margin-bottom: 0;
}

@media screen and (min-width: 60rem) {
  .topic--news {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: flex-start;
        align-content: flex-start;
    -webkit-align-items: stretch;
         -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
  }

  .spotlight--1 {
    flex: 0 1 60%;
    width: 60%;
    border-bottom: 0;
  }
  .spotlight--right {
    width: 40%;
    border-left: 3px solid #fff;
  }
}

.spotlight--1 figcaption,
.spotlight--2 figcaption {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
}

.spotlight--1 a span {
  display: block;
  margin: 0;
  padding: 0.75rem 1rem 0.5rem;
  font-weight: 500;
  outline: none;
}
.spotlight--1 a span:after {
  margin-left: 0.25rem;
}
.spotlight--1 a:link span, .spotlight--1 a:visited span {
  color: #fff;
  text-decoration: none;
  background: rgba(0, 34, 51, 1);
}
.spotlight--1 a:link span:after, .spotlight--1 a:visited span:after {
  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 17" width="12" height="13"><polygon fill="%23fff" points="4.9,0 0,0 4.9,8.5 0,17 4.9,17 9.8,8.4"/><polygon fill="%23fff" points="10.5,0 5.7,0 10.5,8.4 5.7,17 10.5,17 15.5,8.4"/></svg>');
}
.spotlight--1 a:hover span, .spotlight--1 a:focus span {
  color: #ebb728;
  text-decoration: underline;
  background: rgba(0, 34, 51, 1);
}
.spotlight--1 a:hover span:after {
  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 17" width="12" height="13"><polygon fill="%23ebb728" points="4.9,0 0,0 4.9,8.5 0,17 4.9,17 9.8,8.4"/><polygon fill="%23ebb728" points="10.5,0 5.7,0 10.5,8.4 5.7,17 10.5,17 15.5,8.4"/></svg>');
}
.spotlight--1 a:active span {
  color: #023;
  text-decoration: underline;
  background: #ebb728;
}
.spotlight--1 a:active span:after {
  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 17" width="12" height="13"><polygon fill="%23023" points="4.9,0 0,0 4.9,8.5 0,17 4.9,17 9.8,8.4"/><polygon fill="%23023" points="10.5,0 5.7,0 10.5,8.4 5.7,17 10.5,17 15.5,8.4"/></svg>');
}


.spotlight--2 a span {
  display: block;
  margin: 0;
  padding: 1.25rem 1rem 0.5rem;
  font-weight: 500;
  outline: none;
}
.spotlight--2 a span:after {
  margin-left: 0.25rem;
}
.spotlight--2 a:link span, .spotlight--2 a:visited span {
  color: #fff;
  text-decoration: none;
  background: rgba(0, 34, 51, 1);
}
.spotlight--2 a:link span:after, .spotlight--2 a:visited span:after {
  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 17" width="11" height="12"><polygon fill="%23fff" points="4.9,0 0,0 4.9,8.5 0,17 4.9,17 9.8,8.4"/><polygon fill="%23fff" points="10.5,0 5.7,0 10.5,8.4 5.7,17 10.5,17 15.5,8.4"/></svg>');
}
.spotlight--2 a:hover span, .spotlight--2 a:focus span {
  color: #ebb728;
  text-decoration: underline;
  background: rgba(0, 34, 51, 1);
}
.spotlight--2 a:hover span:after {
  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 17" width="11" height="12"><polygon fill="%23ebb728" points="4.9,0 0,0 4.9,8.5 0,17 4.9,17 9.8,8.4"/><polygon fill="%23ebb728" points="10.5,0 5.7,0 10.5,8.4 5.7,17 10.5,17 15.5,8.4"/></svg>');
}
.spotlight--2 a:active span {
  color: #023;
  text-decoration: underline;
  background: #ebb728;
}
.spotlight--2 a:active span:after {
  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 17" width="11" height="12"><polygon fill="%23023" points="4.9,0 0,0 4.9,8.5 0,17 4.9,17 9.8,8.4"/><polygon fill="%23023" points="10.5,0 5.7,0 10.5,8.4 5.7,17 10.5,17 15.5,8.4"/></svg>');
}


.spotlight--3 h3 {
  margin-bottom: 1rem;
  color: #023;
}
.spotlight--3 a {
  margin: 0;
  padding: 0 0 0.5rem 0;
  outline: none;
  text-decoration: none;
}
.spotlight--3 a span {

}
.spotlight--3 a span:after {
  margin-left: 0.25rem;
}
.spotlight--3 a:link, .spotlight--3 a:visited {
  color: #023;
  border-bottom: 1px solid transparent;
}
.spotlight--3 a:link span:after, .spotlight--3 a:visited span:after {
  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 17" width="10" height="11"><polygon fill="%23023" points="4.9,0 0,0 4.9,8.5 0,17 4.9,17 9.8,8.4"/><polygon fill="%23023" points="10.5,0 5.7,0 10.5,8.4 5.7,17 10.5,17 15.5,8.4"/></svg>');
}
.spotlight--3 a:hover span, .spotlight--3 a:focus span {
  color: #023;
  background-color: transparent;
  border-bottom: 1px solid #b19142;
}
.spotlight--3 a:hover span:after {
  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 17" width="10" height="11"><polygon fill="%23b19142" points="4.9,0 0,0 4.9,8.5 0,17 4.9,17 9.8,8.4"/><polygon fill="%23b19142" points="10.5,0 5.7,0 10.5,8.4 5.7,17 10.5,17 15.5,8.4"/></svg>');
}
.spotlight--3 a:active span {
  color: #023;
  background-color: #fff;
}
.spotlight--3 a:active span:after {
  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 17" width="10" height="11"><polygon fill="%23023" points="4.9,0 0,0 4.9,8.5 0,17 4.9,17 9.8,8.4"/><polygon fill="%23023" points="10.5,0 5.7,0 10.5,8.4 5.7,17 10.5,17 15.5,8.4"/></svg>');
}