*,:after,:before {
  -o-box-sizing: border-box;
  box-sizing: border-box; }

ol,ul {
  list-style: none;
  margin: 0;
  padding: 0; }

a {
  text-decoration: none; }

.image {
  width: auto;
  max-width: 100%;
  padding-top: 0;
  float: none;
  clear: both; }

.image,.image>div {
  overflow: hidden;
  position: relative; }

.image>div {
  height: auto; }

.image>div>img {
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%; }

#super-feature-nav {
  box-shadow: 0 0 11px 0 rgba(50, 50, 50, 0.15);
  background: #000;
  color: #FFF;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10000000; }

#super-feature-nav .nav-wrap {
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  height: 50px;
  margin: 0;
  min-width: 260px;
  padding: 0 4%;
  width: 100%; }

#super-feature-nav .nav-wrap,#super-feature-nav #logo {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex; }

#super-feature-nav #logo img {
  height: 1.6em; }

#super-feature-nav share-tools {
  display: none; }

#super-feature-nav bulbs-flyover-menu {
  background: #FFF; }

#super-feature-nav bulbs-flyover-menu button[is=bulbs-flyover-close] {
  background: transparent;
  border: 0;
  color: #FFF;
  font-size: 40px;
  height: auto;
  left: 30px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  transform: rotate(45deg);
  width: 20px; }

#super-feature-nav bulbs-flyover-menu .timeline-flyout-nav {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  background: #000;
  height: 50px;
  margin: 0;
  min-width: 260px;
  padding: 0 4%;
  width: 100%; }

#super-feature-nav bulbs-flyover-menu .timeline-flyout-nav a#logo {
  margin-left: -35px;
  padding-top: 13px; }

#super-feature-nav bulbs-flyover-menu h1 {
  color: #000;
  font-family: "Playfair Display", "Georgia", Times New Roman, serif;
  font-size: 2em;
  font-weight: 500;
  margin: 0;
  padding-bottom: 15px; }

#super-feature-nav bulbs-flyover-menu p {
  line-height: 1.71; }

#super-feature-nav bulbs-flyover-menu p,#super-feature-nav bulbs-flyover-menu h3 {
  color: #000;
  font-family: "Karla", Arial, Helvetica, sans-serif;
  font-size: 1.1rem; }

#super-feature-nav bulbs-flyover-menu h3 {
  border-bottom: solid 3px;
  padding-bottom: 10px;
  text-transform: uppercase; }

#super-feature-nav bulbs-flyover-menu a.timeline-child-link {
  border-bottom: solid 1px #e0e3e8;
  color: #000;
  font-family: "Karla", Arial, Helvetica, sans-serif;
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 5px 0; }

#super-feature-nav bulbs-flyover-menu a.timeline-child-link:last-of-type {
  border-bottom: 0; }

#super-feature-nav bulbs-flyover-menu .flyover-share-tools {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  display: inherit;
  margin: auto; }

#super-feature-nav bulbs-flyover-menu .flyover-share-tools .flyout-share-icons>* {
  margin-right: 1em; }

#super-feature-nav bulbs-flyover-menu .flyover-share-tools .flyout-share-icons:last-child {
  margin-right: 0; }

#super-feature-nav bulbs-flyover-menu .flyover-share-tools .share-this-feature {
  color: #000;
  font-family: "Karla", Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin-right: 0;
  padding-bottom: 15px;
  text-align: center;
  text-transform: uppercase; }

#super-feature-nav bulbs-flyover-menu .timeline-menu-content {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 27px; }

#super-feature-nav button.timeline-menu-open {
  background: transparent;
  border: 0;
  font-size: 1.6em;
  margin: 0 20px 0 0;
  outline: 0;
  padding: 0; }

#super-feature-nav button.timeline-menu-open i {
  color: #FFF; }

@media (min-width: 480px) {
  #super-feature-nav .nav-wrap {
    position: relative; }
  #super-feature-nav .share {
    display: inherit;
    font-size: 20px;
    position: absolute;
    right: 15px;
    top: 14px;
    letter-spacing: 15px; }
  #super-feature-nav .share i {
    color: #FFF; }
  bulbs-flyover-menu.timeline-menu {
    max-width: 350px; } }

html {
  font-size: 62.5%; }

body {
  font-family: "Karla", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 21px; }

strong {
  font-weight: 700; }

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
  font-family: "Playfair Display", "Georgia", Times New Roman, serif;
  font-weight: bold; }

.h1,h1 {
  font-size: 3rem; }

.h1,h1,.h2,h2 {
  line-height: 1.2; }

.h2,h2 {
  font-size: 2.4rem; }

.h3,h3 {
  font-size: 1.7rem; }

.h3,h3,.h4,h4 {
  line-height: 1.2; }

.h4,h4 {
  font-size: 1.3rem; }

.h5,.h6,h5,h6 {
  font-size: 1.1rem;
  line-height: 1.3; }

.on-italic {
  font-style: italic; }

.on-italic,.on-normal {
  font-family: "Playfair Display", "Georgia", Times New Roman, serif; }

.timeline-footer {
  background: #000; }

#footer {
  background-color: black;
  color: #FFF;
  padding: 2em 3em 3em; }

#footer .wrapper {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  position: relative; }

#footer a {
  color: inherit; }

#footer h3 {
  border-bottom: 1px solid #FFF;
  font-family: "Playfair Display", "Georgia", Times New Roman, serif;
  font-size: 2vmax;
  margin-top: 1em;
  padding-bottom: .8em; }

@media (max-width: 599px) {
  #footer h3 {
    font-size: 6vw;
    margin: 1em 14px;
    text-align: center; } }

@media (min-width: 600px) {
  #footer {
    padding-bottom: 5em;
    padding-top: 1em; }
  #footer .wrapper {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    padding-left: 2em;
    padding-right: 2em; }
  #footer .sponsor {
    width: 100%; }
  #footer .share {
    width: 30%; }
  #footer .recirc {
    margin-left: auto;
    width: 67%; } }

#footer .sponsor {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  font-size: 1.1em;
  margin-bottom: 1em;
  margin-top: 1em;
  text-align: center;
  z-index: 2; }

#footer .sponsor .text {
  font-weight: bold;
  margin-bottom: .15em; }

#footer .sponsor .campaign-display-preamble {
  margin-right: 8px; }

#footer .sponsor .pic {
  margin-bottom: 1em;
  margin-top: -7em; }

#footer .sponsor img {
  max-height: 200px;
  width: auto; }

@media (min-width: 600px) {
  #footer .sponsor {
    font-size: 1.5em; } }

#footer .share {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex; }

#footer .share i {
  border-radius: 50%;
  border: 2px solid #FFF;
  color: #FFF;
  display: inline-block;
  font-size: 21px;
  line-height: 21px;
  margin-bottom: 1em;
  margin-right: 15px;
  padding: 15px;
  text-align: center;
  width: 54px; }

#footer .share a:hover i {
  background: #FFF;
  color: #000; }

@media (max-width: 599px) {
  #footer .share {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
    margin-top: 3em; }
  #footer .share h3,#footer .share .share-button-label {
    display: none; } }

@media (min-width: 600px) {
  #footer .share {
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    font-size: 1.5em;
    font-weight: bold; } }

#footer .recirc .image>div {
  padding-bottom: 56.25%; }

#footer .recirc .figure {
  margin: 0;
  width: 100%; }

#footer .recirc ul {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -ms-flex-pack: justify;
  -moz-justify-content: space-between;
  justify-content: space-between; }

#footer .recirc ul li {
  margin-bottom: 2em; }

#footer .recirc ul p {
  font-size: 4.5vw;
  font-weight: bold; }

@media (max-width: 767px) {
  #footer .recirc ul {
    padding: 0 1em; }
  #footer .recirc ul li:last-child {
    display: none; } }

@media (min-width: 600px) {
  #footer .recirc ul {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap; }
  #footer .recirc ul li {
    width: 48%; }
  #footer .recirc ul p {
    font-size: 2vw; } }

@media (min-width: 768px) {
  #footer .recirc ul li {
    width: 30%; }
  #footer .recirc ul p {
    font-size: 1.2vw; } }

.biden #hero h1 {
  width: 300px; }

@media all and (min-width: 600px) {
  .biden #hero h1 {
    width: auto; } }

.biden #hero .hero-overlay {
  left: 60px;
  right: auto; }

.biden #hero .hero-overlay h1 {
  font-size: 3em; }

#hero {
  position: relative; }

#hero .image>div {
  padding-bottom: 56.25%; }

#hero .hero-overlay {
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  -moz-justify-content: center;
  justify-content: center;
  color: #FFF;
  padding: 2em; }

#hero h1 {
  font-size: 2.7rem;
  font-weight: 700;
  letter-spacing: .6px;
  margin-top: 0;
  text-align: center; }

#hero .subhead {
  font-family: "Playfair Display", "Georgia", Times New Roman, serif;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: .4px;
  line-height: 1.4;
  text-align: center; }

#hero .description {
  letter-spacing: .6px;
  text-align: center; }

#hero i {
  bottom: -20vh;
  left: 50%;
  position: absolute; }

@media all and (min-width: 600px) {
  #hero h1 {
    width: auto; }
  #hero .description {
    width: 70%;
    padding-top: 1em; } }

@media all and (min-width: 992px) {
  #hero .hero-overlay {
    background-color: rgba(44, 44, 44, 0.7);
    max-width: 500px;
    padding: 2em;
    position: absolute;
    right: 60px;
    top: 80px;
    width: 500px; }
  #hero .hero-overlay h1 {
    font-size: 2.5em; }
  #hero .hero-overlay .description {
    font-size: 17px; }
  #hero .hero-overlay i {
    color: #a7a7a7;
    margin-left: -25vw; }
  #hero .hero-overlay i:before {
    font-size: 30px;
    font-weight: 300; } }

@media all and (min-width: 992px) {
  .the-super-bowl #hero .hero-overlay {
    background-color: transparent;
    left: 5%;
    right: initial;
    text-align: center;
    top: 5%; }
  .the-super-bowl #hero .hero-overlay h1 {
    font-size: 4em;
    margin-bottom: .3em; }
  .the-super-bowl #hero .description {
    max-width: 375px;
    padding-top: .5em;
    width: 100%; }
  .the-super-bowl #hero .subhead,.patriots #hero .subhead {
    max-width: 365px; } }

body.timeline {
  background: #272727; }

body.timeline #adBlockCheck {
  position: absolute; }

body.timeline #fullpage {
  margin-top: 50px; }

body.timeline .scroll-indicator {
  position: relative; }

body.timeline .scroll-indicator i {
  animation: bounce 4s infinite;
  color: #a7a7a7;
  left: 94vw;
  position: fixed;
  top: 93vh;
  opacity: 1;
  z-index: 1; }

@keyframes bounce {
  0%,20%,50%,80%,to {
    transform: translateY(0); }
  40% {
    transform: translateY(-20px); }
  60% {
    transform: translateY(-15px); } }

body.timeline .summary {
  background-color: #303f5a;
  color: #FFF;
  padding-bottom: .5rem;
  position: relative; }

body.timeline .summary .child-meta {
  padding: 1em; }

body.timeline .summary .image>div {
  padding-bottom: 56.25%; }

body.timeline .summary h2 {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: "Karla", Arial, Helvetica, sans-serif;
  font-size: 9rem;
  margin: -0.6em 0 0;
  position: relative; }

body.timeline .summary p {
  font-size: 14px;
  letter-spacing: .6px; }

body.timeline .summary i {
  bottom: -20vh;
  left: 50%;
  position: absolute; }

@media all and (min-width: 600px) {
  body.timeline .summary .image {
    margin: auto;
    max-width: 650px; }
  body.timeline .summary .child-meta {
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    padding: 0; }
  body.timeline .summary .timeline-item-meta {
    padding: 0 8rem; }
  body.timeline .summary h2 {
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: left;
    -moz-justify-content: left;
    justify-content: left;
    font-size: 14rem;
    margin: -.4em 0 0;
    width: 2.5em; }
  body.timeline .summary p {
    font-size: 1.3rem;
    width: 25.5em; }
  body.timeline .summary i {
    color: #a7a7a7;
    font-size: 2em;
    font-weight: 300;
    left: 45vw; } }

@media all and (min-width: 992px) {
  body.timeline .summary {
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 60px;
    padding-top: 2%; }
  body.timeline .summary .image {
    max-width: 60%; }
  body.timeline .summary .timeline-item-meta {
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: auto;
    padding: 0;
    max-width: 70%; }
  body.timeline .summary .timeline-item-meta .child-meta {
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row; }
  body.timeline .summary .timeline-item-meta h2 {
    -ms-flex-pack: start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    margin: -.5em 0 0;
    width: 100%; }
  body.timeline .summary .timeline-item-meta p {
    margin: 1em 2em;
    width: 100%; }
  body.timeline .summary i {
    bottom: -4vh; } }

.timeline-detail-wrapper {
  background: #e0e3e8; }

.timeline-detail-wrapper .timeline-point {
  border-left: solid 1px #979797;
  height: 100vh;
  margin: 0 20px;
  max-height: 100%;
  padding: 50px 25px;
  position: relative; }

.timeline-detail-wrapper .timeline-point .line:before {
  background: #979797;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  right: 95%;
  top: 60px;
  width: 5%; }

.timeline-detail-wrapper .timeline-point.ad-spot {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 90%; }

.timeline-detail-wrapper .timeline-point.ad-spot .ad-line:before {
  top: 5vh; }

.timeline-detail-wrapper .timeline-point.ad-spot .ad-unit {
  padding-top: 15px;
  position: relative;
  top: -5rem; }

.timeline-detail-wrapper .timeline-point .publish-date,.timeline-detail-wrapper .timeline-point .advertisement {
  color: #272727;
  font-weight: 700;
  letter-spacing: .5px;
  text-transform: uppercase; }

.timeline-detail-wrapper .timeline-point .advertisement {
  position: relative;
  top: -5rem; }

.timeline-detail-wrapper .timeline-point .scroll-text {
  font-size: 18px;
  font-weight: 700;
  margin-top: auto;
  text-transform: uppercase; }

.timeline-detail-wrapper .timeline-point .scroll-text,.timeline-detail-wrapper .timeline-point .scroll-arrow {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  -moz-justify-content: center;
  justify-content: center;
  color: #a7a7a7; }

.timeline-detail-wrapper .timeline-point .scroll-arrow {
  font-size: 20px;
  padding: 10px; }

.timeline-detail-wrapper .timeline-point .bulbs-video-root,.timeline-detail-wrapper .timeline-point .image {
  padding-top: 10px; }

.timeline-detail-wrapper .timeline-point .image>div {
  padding-bottom: 56.25%; }

.timeline-detail-wrapper .timeline-point .article-title {
  color: #1a1a1a;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: .3px;
  margin: 25px 0; }

.timeline-detail-wrapper .timeline-point .personality-name {
  color: #1a1a1a;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
  padding-bottom: 10px; }

.timeline-detail-wrapper .timeline-point .personality-description {
  color: #1a1a1a;
  font-size: 12px;
  font-style: italic;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: .1px; }

.timeline-detail-wrapper .timeline-point .article-link {
  margin-bottom: 20px; }

.timeline-detail-wrapper .timeline-point .article-link a {
  color: #1e53a5;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .2px;
  text-transform: uppercase; }

@media all and (min-width: 600px) {
  .timeline-detail-wrapper .timeline-point {
    padding: 30px 25px; }
  .timeline-detail-wrapper .timeline-point.ad-spot {
    padding-top: 30vh;
    height: 100vh; }
  .timeline-detail-wrapper .timeline-point.ad-spot .ad-line:before {
    top: 31vh; }
  .timeline-detail-wrapper .timeline-point .line:before {
    right: 97%;
    top: 40px;
    width: 3%; }
  .timeline-detail-wrapper .timeline-point .image {
    height: auto;
    max-width: 800px; }
  .timeline-detail-wrapper .timeline-point .article-title {
    font-size: 2.5em; }
  .timeline-detail-wrapper .timeline-point .personality-name {
    font-size: 18px;
    margin: 0;
    padding: 0; }
  .timeline-detail-wrapper .timeline-point .personality-description {
    font-size: 14px;
    margin: 0 0 -35px; }
  .timeline-detail-wrapper .timeline-point .article-link {
    position: static;
    margin-top: 35px; } }

@media all and (min-width: 768px) {
  .timeline-detail-wrapper {
    background-color: #232323;
    background-image: linear-gradient(90deg, #232323 0, #232323 50%, #e0e3e8 50%, #e0e3e8 100%); }
  .timeline-detail-wrapper .timeline-point {
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex; }
  .timeline-detail-wrapper .timeline-point.ad-spot {
    padding-top: 25vh; }
  .timeline-detail-wrapper .timeline-point.ad-spot .ad-line:before {
    top: 26.5vh; }
  .timeline-detail-wrapper .timeline-point span.line:before {
    left: 0;
    width: 2rem; }
  .timeline-detail-wrapper .timeline-point span.ad-line:before {
    left: 0;
    top: 40px;
    width: 2rem; }
  .timeline-detail-wrapper .timeline-point .content-timeline-hook {
    width: 60%;
    pointer-events: none; }
  .timeline-detail-wrapper .timeline-point .content-timeline-hook picture>div {
    width: 100%;
    max-width: inherit; }
  .timeline-detail-wrapper .timeline-point .content-timeline-hook .publish-date,.timeline-detail-wrapper .timeline-point .advertisement {
    color: #a7a7a7; }
  .timeline-detail-wrapper .timeline-point .content-meta {
    padding-left: 3rem;
    padding-top: 3rem;
    width: 40%; }
  .timeline-detail-wrapper .timeline-point .content-meta .article-title {
    margin-top: 16px; }
  .timeline-detail-wrapper .timeline-point .content-meta .article-link {
    margin-bottom: 10px; }
  .timeline-detail-wrapper .timeline-point .content-meta share-tools {
    display: inline; }
  .timeline-detail-wrapper .timeline-point .scroll-arrow,.timeline-detail-wrapper .timeline-point .scroll-text {
    margin-left: -25vw; } }

@media all and (min-width: 1382px) {
  .timeline-detail-wrapper .timeline-point .line:before {
    right: 98%;
    width: 2%; } }

body {
  margin: 0;
  -webkit-font-smoothing: antialiased; }

body,html {
  height: 100%; }

html {
  font-family: "Karla", Arial, Helvetica, sans-serif;
  font-size: 14px; }

.patriots .timeline-menu-open,.the-super-bowl .timeline-menu-open {
  display: none; }

.noscroll-flyout-active {
  overflow: hidden; }

bulbs-flyover-menu {
  font-family: Helvetical Neue, Helvetica, sans-serif;
  font-weight: 100;
  line-height: 1.4;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  transform: translateX(-100%);
  transition: all 0.3s cubic-bezier(1, 0.34, 0, 1);
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  background: #777;
  padding: 40px;
  z-index: 100000; }

bulbs-flyover-menu.bulbs-flyover-open {
  transform: translateX(0); }

bulbs-flyover-menu {
  background: transparent;
  padding: 0;
  z-index: 1000000; }

body .dimmer {
  background-color: transparent;
  bottom: 0;
  content: '';
  transition: background-color .2s linear;
  pointer-events: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  z-index: 1000; }

body.noscroll-flyout-active .dimmer {
  background-color: rgba(0, 0, 0, 0.6);
  content: ''; }

.close-flyout-panel {
  background: transparent;
  border: 0;
  display: block;
  cursor: pointer;
  margin: 0;
  outline: 0;
  padding: 0;
  height: 100%;
  -webkit-tap-highlight-color: transparent;
  width: 100%;
  z-index: -1; }

bulbs-page {
  display: block; }