/* general styles and bootstrap overrides */
:root {
 --bg-color: #f4f5f6;
 --black: #000;
 --red: #f72210;
 --semi-dark-gray: #555;
 --title-color: rgba(3, 3, 3, .4);
}

html {
 font-size: 100%;
}

body {
 background-color: var(--bg-color);
 color: #333;
 font-family: 'Roboto Condensed', sans-serif;
 font-size: 13px;
 min-width: 320px;
}

.bg-red {
 background-color: var(--red) !important;
}

.bg-white {
 background-color: var(--white);
}

.border-radius-0 {
 border-radius: 2px;
}

.text-black {
 color: var(--black);
}

.text-red {
 color: var(--red);
}

.text-white {
 color: var(--white) !important;
}

.section-title {
 color: var(--title-color);
 font-weight: 700;
 text-transform: uppercase;
}

.container {
 max-width: 1310px;
}

/* wrapper */
@media (min-width: 576px) and (min-width: 992px) {
 .main .container, .footer .container {
  width: 100%;
 }
}

/* top story definitions */
.top-story h4, .more-stories h4, .featured-stories h4, .related {
 font-weight: 700;
}

.top-story h4 {
 font-size: 22px;
}

.more-stories h4 {
 font-size: 17px;
}

.featured-stories h4 {
 font-size: 20px;
}

.related {
 font-size: 19px;
}

.related li {
 padding: 10px 0;
}

.section-with-links a {
 color: var(--black);
 text-decoration: none;
}

.featured-stories .related li a {
 font-size: 17px;
}

.featured-stories article:first-of-type .related li a {
 color: var(--red);
}

@media (min-width: 992px) {
 .featured-stories article:first-of-type .related li a {
  color: var(--black);
 }

 .featured-stories article:last-of-type .related {
  border-bottom: 1px solid #dee2e6 !important;
 }
}

.summary {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}

/* opinion column */
.opinion {
 margin-bottom: 2.5rem;
}

.columist-image {
 height: 63px;
 width: auto;
}

.opinion .info, .latest-news .info, .section-picks .info {
 font-size: 17px;
 font-weight: 700;
}

.opinion .info a, .latest-news .info a {
 color: var(--black);
}

.opinion .info .byline {
 color: var(--semi-dark-gray);
 font-size: 14px;
 text-transform: uppercase;
}

.n-title {
 font: bold 19px/19px "Roboto Condensed", sans-serif;
 margin-bottom: 15px;
 text-transform: uppercase;
}

.n-title .icon-n {
 background: url(https://s.newsweek.com/sites/www.newsweek.com/themes/newsweek/images/logo-n1.svg) center/contain no-repeat #f72210;
 display: inline-block;
 -webkit-flex: none;
 flex: none;
 height: 28px;
 margin-right: 10px;
 position: relative;
 width: 29px;
}

@media (max-width: 767px) {
 .n-title {
  margin-top: 30px;
 }
}

@media (min-width: 768px) {
 .n-title {
  border-bottom: 1px solid #dee2e6;
  padding-bottom: 8px;
 }
}

.featured-slideshows .n-title .icon-n::after {
 border-bottom: 3px solid var(--red);
 border-right: 3px solid var(--red);
 bottom: -4px;
 content: "";
 display: block;
 height: 25px;
 position: absolute;
 right: -4px;
 width: 26px;
}

.featured-slideshows a.count-link {
 background: url(https://s.newsweek.com/sites/www.newsweek.com/themes/newsweek/images/icon-slideshows-nw.png) 0 0/contain no-repeat;
 bottom: 0;
 color: #e9212e;
 display: block;
 font-size: 20px;
 font-weight: 700;
 height: 52px;
 left: 0;
 line-height: 58px;
 position: absolute;
 text-align: center;
 text-indent: 5px;
 width: 70px;
}

/* magazine styles */
.image {
 position: relative;
}

@media (min-width: 0) {
 .magazine article {
  padding-left: 0;
  padding-right: 0;
 }
}

@media(min-width: 768px) {
 .magazine article {
  padding-right: 30px;
 }

 .magazine article:last-of-type {
  padding-right: 0;
 }
}

@media (min-width: 0) {
 .magazine img {
  height: auto;
  width: 100%;
 }

 .article-link {
  font-size: 17px;
  font-weight: 700;
 }
}

@media (min-width: 768px) {
 .magazine .longer-image {
  display: flex;
  justify-content: center;
  overflow: hidden;
 }

 .magazine .longer-image img {
  height: auto;
  width: auto;
 }

 .magazine .article-link {
  font-size: 20px;
 }
}

.category {
 background-color: #fff;
 background-color: rgba(255, 255, 255, .9);
 bottom: 0;
 color: #f72210;
 display: block;
 font: bold 17px/16px "Roboto Condensed", sans-serif;
 left: 0;
 padding: 8px 15px 9px;
 position: absolute;
 text-transform: uppercase;
 z-index: 1;
}

.category a {
 color: inherit;
}

.magazine-category {
 background-color: #fff;
 background-color: rgba(255, 255, 255, .9);
 font-size: 16px;
 line-height: 26px;
 margin-bottom: 10px;
 margin-top: 10px;
 position: inherit;
}

.magazine-category .mag-cat {
 background-color: var(--red);
 color: var(--white);
 height: 100%;
 padding: 7px;
}

/* 2x3 section */
@media (min-width: 576px) {
 .border-md-bottom-0 {
  border-bottom: none !important;
 }
}

/* subscribe section */
.topic1, .topic2 {
 overflow: auto;
}

.topic-img {
 float: left;
}

@media (max-width: 767.98px) {
 .topic1 {
  border-bottom: 1px solid #dee2e6;
 }
}

@media (min-width: 992px) {
 .topic1 {
  border-bottom: 1px solid #dee2e6;
 }
}

@media (min-width: 768px) {
 .topic1, .topic2 {
  overflow: hidden;
 }

 .topic1 a, .topic2 a {
  height: inherit;
 }

 .topic-img {
  height: 100%;
  width: auto;
 }
}

/* footer section */
.footer {
 color: #666;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 line-height: 15px;
}

.footer .navbar-nav .nav-link {
 padding: 0 10px;
 margin: .25rem 10px .25rem 0;
}

@media (min-width: 992px) {
 .footer span.editions {
  padding-top: 10px !important;
 }
}

@media (min-width: 768px) {
 .footer .navbar-nav .nav-link {
  border-right: 1px solid #dee2e6;
 }

 .footer .navbar-nav .nav-link:last-of-type {
  border-right: none;
 }
}

.footer .navbar .nav-item {
 color: #666;
}