@import url('https://fonts.googleapis.com/css?family=Roboto:100,200,300,400,700');
.noise-gif {
  content: "";
  display: block;
  width: 100vw;
  height: 100vh;
  opacity: .17;
  background-image: url('../../../../../../../../content/dam/atvi/callofduty/cod-touchui/kronos/home/common/noise-gif-square-anim.gif');
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 10;
}
@keyframes arrow {
  0% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 0;
  }
  25% {
    opacity: 1;
    -webkit-transform: translate(0, 2px);
    -moz-transform: translate(0, 2px);
    -ms-transform: translate(0, 2px);
    -o-transform: translate(0, 2px);
    transform: translate(0, 2px);
  }
  50% {
    opacity: 1;
    -webkit-transform: translate(0, 8px);
    -moz-transform: translate(0, 8px);
    -ms-transform: translate(0, 8px);
    -o-transform: translate(0, 8px);
    transform: translate(0, 8px);
  }
  75%,
  100% {
    -webkit-transform: translate(0, 10px);
    -moz-transform: translate(0, 10px);
    -ms-transform: translate(0, 10px);
    -o-transform: translate(0, 10px);
    transform: translate(0, 10px);
    opacity: 0;
  }
}
#mw-news-banner {
  display: none;
  background-color: black;
  background-size: 2px;
  background-image: url("../../../../../../../../content/dam/atvi/callofduty/blackops4/common/tile-for-banner.jpg");
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  text-transform: uppercase;
  color: #a59d95;
  text-align: left;
}
#mw-news-banner .mobile-only {
  display: none;
}
#mw-news-banner .header-1 {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 25px;
}
#mw-news-banner .content-wrapper {
  margin: 0 auto;
}
#mw-news-banner:before,
#mw-news-banner:after {
  content: "";
  height: 1px;
  width: 100%;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #597985 20%, #597985 80%, rgba(0, 0, 0, 0));
  display: block;
  margin-top: 0;
}
#mw-news-banner:before {
  height: 2px;
}
#mw-news-banner .news-links-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
#mw-news-banner .news-links-container a {
  color: #a59d95;
}
#mw-news-banner .news-links-container .news-feature {
  width: 34%;
  position: relative;
}
#mw-news-banner .news-links-container .news-feature a {
  color: #a59d95;
  font-size: 25px;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#mw-news-banner .news-links-container .news-feature .feature-entry {
  height: 100%;
  position: relative;
}
#mw-news-banner .news-links-container .news-feature .feature-entry:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 20%, #000000 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 20%, #000000 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 20%, #000000 100%);
  background-repeat: repeat-x;
}
#mw-news-banner .news-links-container .news-feature .feature-entry h4 {
  position: absolute;
  left: 6%;
  bottom: 15%;
  right: 6%;
  text-transform: capitalize;
  z-index: 10;
}
#mw-news-banner .news-links-container .news-links {
  width: 60%;
  padding: 40px 0;
  margin-left: 4%;
}
#mw-news-banner .news-links-container .news-links li {
  padding-left: 15px;
  padding-right: 20px;
  position: relative;
  text-transform: initial;
  margin-bottom: 20px;
}
#mw-news-banner .news-links-container .news-links li:before {
  content: ">";
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (max-width: 1024px) {
  #mw-news-banner .news-links-container {
    display: block;
  }
  #mw-news-banner .news-links-container .news-feature,
  #mw-news-banner .news-links-container .news-links {
    width: 100%;
  }
  #mw-news-banner .news-links-container .news-feature a {
    position: relative;
  }
  #mw-news-banner .news-links-container .news-feature .feature-entry {
    padding-bottom: 56.25%;
  }
  #mw-news-banner .news-links-container .news-links {
    margin-right: 0;
    margin-left: 0;
    padding: 40px 6%;
  }
  #mw-news-banner .header-1 {
    font-size: 30px;
  }
  #mw-news-banner .header-1.mobile-only {
    display: block;
    text-align: center;
    margin-top: 25px;
    padding: 0.6%;
  }
  #mw-news-banner .header-1.desktop-only {
    display: none;
  }
  #mw-news-banner .news-links-container ul {
    display: block;
  }
  #mw-news-banner .news-links-container li {
    margin-bottom: 15px;
    width: 100%;
  }
}