/* Required */
/*  ------------------------------------------------------------------
  
@library :      CNN Grid System - SASS
@version :      0.0.0.1
@description :  System for managing breakpoints and
	            responsive grid columns.

@author :       Kenneth Uzquiano (kenneth.uzquiano@gmail.com)

------------------------------------------------------------------ */
    /*  BASE VALUES
		-----------
		All default values for generating the grid can be found in the
		'lib/vars' file. They can also be overidden by the project's vars file.
		Here is a brief description of what each variable within this file does.
		These variables are global, as they need to be used from mixin to mixin,
		but are calculated at each grid change, thus, do not need to be initialized.
		
		    $grid-id :              Active grid id
		    $grid-active :          Active grid
		    $grid-columns :         Number of columns in active grid
		    $grid-column-width :    Width of a column based on units below
		    $grid-query :           Media query for active grid
		    $grid-full-width :      Full width of active grid
    */
    /*  -------------------------------
	                MIXINS
		-------------------------------

		@mixin :                @mixin breakpoint( $breakpointId: mobile )
		@description :          Define active grid by id
		@param $breakpointId :  Id of grid to activate (default : mobile)
		@param $retina :        Include media queries for retina displays (default : false)
    */
/* 20px */
    /*  
    	@mixin :                @mixin grid-col( $col: 1 )
		@description :          Calculate widths of grid columns based on px, ems, or %
		@param $col :           Number of columns to calculate width (default : 1)
		@param $fluid :         Calculate using percentages vs em / px (default : true)
	*/
/*
	@mixin :                @mixin grid-row( $fluid: true )
	@description :          Define a row to house columned elements
	@param $fluid :         Calculate using percentages vs em / px (default : true)
*/
/*
	---------------------------------
	           FUNCTIONS
	---------------------------------
*/
/*
	@function :         -fn-findGridById( $gridID: mobile )
	@description :      Define active grid by id
	@param $gridId :    Id of grid to activate
*/
/*
	@function :         -fn-setGridProperties($p_grid)
	@description :      Set properties based on active grid
	@param $p_grid :    Grid to use to set properties
*/
/*
	@function :         -fn-getStaticWidth($col: 1)
	@description :      Calculate and return the static width of columns.
	@param $col :       Number of columns to use to calculate static width.
*/
/*
	@function :         -fn-getFluidWidth($col: 1)
	@description :      Calculate and return the fluid width of columns.
	@param $col :       Number of columns to use to calculate fluid width.
*/
/*
	@function :         -fn-getStaticMargin()
	@description :      Calculate and return the static margin
	@param :            null
*/
/*
	@function :         -fn-getFluidMargin()
	@description :      Calculate and return the fluid margin
	@param :            null
*/
@import url("https://fonts.googleapis.com/css?family=Fjalla+One");
body {
  font-size: 16px;
  font-family: CNN,"Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0; }
  body * {
    box-sizing: border-box; }

a {
  color: #006598; }

/* Set up flexible containers */
.interactive-container,
.cnn-outbrain,
#comments,
#disqus_thread {
  /*margin: 0 auto;*/
  width: 100%;
  /* max-width: 1100px;*/ }

/* ------------ MOBILE / DEFAULT STYLES ------------ */
h1 {
  font-size: 1.75rem;
  line-height: 1.21429;
  padding: 10px 0 0;
  font-weight: 300;
  margin: 10px 0; }

.metadata {
  color: #737373;
  font-weight: 400;
  font-size: .75rem;
  line-height: 1.5; }
  .metadata p {
    margin-bottom: 0; }
  .metadata__byline {
    font-weight: 700;
    padding-bottom: 0; }
    .metadata__byline a {
      color: #006598; }
  .metadata:after {
    clear: both;
    content: '';
    display: table; }

p {
  padding: 0 10px 18px 0; }

/* ------------ TABLET STYLES ------------ */
/* md 10 screen and (min-width: 30em) */
@media screen and (min-width: 30em) {
  h1 {
    font-size: 3.25rem;
    line-height: 1.07692;
    padding: 10px 0 0;
    font-weight: 300;
    margin: 10px 0; }

  .metadata {
    color: #737373;
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.57143; }
    .metadata p {
      margin-bottom: 0; }
    .metadata__byline {
      font-weight: 700;
      padding-bottom: 0; }
      .metadata__byline a {
        color: #006598; }
    .metadata:after {
      clear: both;
      content: '';
      display: table; } }
/* ------------ DESKTOP STYLES ------------ */
/* lg 12 screen and (min-width: 48em) */
@media screen and (min-width: 48em) {
  h1 {
    font-size: 3.875rem;
    line-height: 1.06452;
    padding: 10px 0 0;
    font-weight: 300;
    margin: 10px 0; }

  .metadata {
    color: #737373;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5; }
    .metadata p {
      margin-bottom: 0; }
    .metadata__byline {
      font-weight: 700;
      padding-bottom: 0; }
      .metadata__byline a {
        color: #006598; }
    .metadata:after {
      clear: both;
      content: '';
      display: table; } }
/* CNN Sharebar */
.share-container {
  width: 150px; }
  .share-container .share-bar {
    margin: 0;
    padding: 0; }
    .share-container .share-bar li.share-button {
      width: 35px;
      height: 35px;
      display: inline-block;
      margin-right: 15px;
      cursor: pointer;
      list-style-type: none;
      -webkit-transition: transform 0.5s ease 0s;
      transition: transform 0.5s ease 0s; }
      .share-container .share-bar li.share-button.email {
        background: url("https://i.cdn.turner.com/cnn/.e/img/4.0/interactive/sharebar/email.png");
        background-size: 35px 35px; }
      .share-container .share-bar li.share-button.facebook {
        background: url("https://i.cdn.turner.com/cnn/.e/img/4.0/interactive/sharebar/facebook.png");
        background-size: 35px 35px; }
      .share-container .share-bar li.share-button.twitter {
        background: url("https://i.cdn.turner.com/cnn/.e/img/4.0/interactive/sharebar/twitter.png");
        background-size: 35px 35px; }
      .share-container .share-bar li.share-button:hover {
        transform: scale(1.2, 1.2);
        -webkit-transform: scale(1.2, 1.2); }
      .share-container .share-bar li.share-button:last-child {
        margin-right: 0; }

/*---------------
DESKTOP
---------------*/
/* lg 12 screen and (min-width: 48em) */
@media screen and (min-width: 48em) {
  .share-container {
    float: right;
    margin-left: 30px;
    margin-bottom: 30px; }
    .share-container .share-bar {
      text-align: right; } }
/* Project-level vars */
/* 
    CNN Colors
    based on swatches from Data viz style guide
	https://www.dropbox.com/s/vo2qkfk6ycgndni/Data%20Viz%20Style%20Guide-1.pdf?dl=0
*/
/* This is our sticky element*/
#slide-01 {
  width: 100%;
  z-index: 2;
  background: #1a1a1a;
  background-image: url(../media/FakeNewsProducer_clear.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh; }

/* This class gets applied by JavaScript */
.sticky {
  position: fixed;
  left: 0;
  top: 0; }

/* The scripts also wraps the element in this to avoid jumpy behaviour when switching to pos: fixed */
.slide-titles {
  margin-top: -675px; }

.slide-titles img {
  position: relative;
  z-index: 99;
  /* font-size:55px;*/
  /*color:white;
  font-weight:700;
  letter-spacing:-1px;*/ }

.subtitle-desktop {
  display: none; }

.subtitle-tablet {
  display: none; }

.subtitle-mobile {
  display: block;
  margin: 0 auto;
  width: 80%; }

/* This is our element that will stop the sticky element from scrolling */
#slide-map {
  width: 100%;
  height: 602px;
  z-index: 2;
  background: #222;
  position: relative;
  text-align: center;
  border-top: 1px solid #444;
  border-bottom: 1px solid #444; }

#end-map {
  margin-top: 0px;
  height: 50px;
  background: pink;
  z-index: 1;
  position: relative; }

.ends {
  margin-top: 0px;
  width: 100%;
  z-index: 1;
  position: relative;
  background: #1a1a1a; }

#slide-02 {
  width: 100%;
  z-index: 2;
  background: #1a1a1a;
  background-image: url(../media/ClickbaitCoach.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh; }

#slide-03 {
  width: 100%;
  z-index: 2;
  background: #1a1a1a;
  background-image: url(../media/ProudAuthority.jpg);
  background-position: -460px -90px;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh; }

#slide-04 {
  width: 100%;
  z-index: 2;
  background: #1a1a1a;
  background-image: url(../media/CompaniesCrackdown.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh; }

@media only screen and (min-width: 600px) {
  .subtitle-mobile, .subtitle-desktop {
    display: none; }

  .subtitle-tablet {
    display: block;
    width: 70%;
    margin: 0 auto; } }
@media only screen and (max-width: 374px) {
  .slide-titles {
    margin-top: -565px; }

  #slide-03 {
    background-position: -400px -60px; } }
@media only screen and (min-width: 1024px) {
  .slide-titles {
    margin-top: 0px; }

  .subtitle-mobile, .subtitle-tablet {
    display: none; }

  .subtitle-desktop {
    display: block;
    width: 100%; }

  .ends {
    margin-top: 500px; } }
a {
  text-decoration: none; }

.source {
  font-size: .75rem;
  color: #595959;
  text-align: right; }

.stuck {
  position: fixed;
  top: 0;
  z-index: 1; }

/* ------------------------------ */
/* ------------------------------ */
/*        COLOR PALETTE           */
/* ------------------------------ */
/* ------------------------------ */
/* ------------------------------ */
/*          BASE STYLES           */
/* ------------------------------ */
html, body {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  background: #1a1a1a;
  color: white; }

h1, h2, h3 {
  font-family: 'CNN', sans-serif; }

ul {
  list-style-type: none;
  margin: 0;
  padding: 10px 0; }

ul li {
  float: left;
  list-style-type: none; }

/* ------------------------------ */
/* ------------------------------ */
/*          HEADER/NAV            */
/* ------------------------------ */
[data-animate-header] {
  background-color: #000000;
  left: 0;
  padding: 0px;
  position: absolute;
  right: 0;
  top: -50px;
  width: 100%;
  z-index: 9999; }

.header-past [data-animate-header] {
  position: fixed;
  top: -50px; }
.header-past.header-hide [data-animate-header] {
  top: -50px;
  transition: top 0.85s cubic-bezier(0.215, 0.61, 0.355, 1); }

.header-show [data-animate-header] {
  top: 0;
  transition: top 0.85s cubic-bezier(0.215, 0.61, 0.355, 1); }

.footer .nav, .nav-bar .nav {
  display: flex;
  justify-content: space-between;
  align-items: center; }

header.nav-bar .nav-item-text a, header.nav-bar .nav-item-text span {
  color: white;
  font-size: 11px;
  letter-spacing: .5px; }

.footer, .nav-bar {
  line-height: 0; }

.nav-bar .nav-item-text {
  margin-top: 3px;
  flex-grow: 1;
  font-family: 'Libre Baskerville', serif;
  margin-top: 0px;
  margin-bottom: 5px; }
.nav-bar #content-logo {
  padding: 0px; }
.nav-bar .cnn_tech_logo {
  width: 75px; }
.nav-bar .nav-item-logo {
  flex-grow: 0;
  width: 90px; }

.footer .nav-item-social, .nav-bar .nav-item-social {
  width: 27px;
  flex-grow: 0; }

.social-media-icons {
  width: 15px; }

/* ------------------------------ */
/* ------------------------------ */
/*            CONTENT             */
/* ------------------------------ */
p {
  font-size: 16px; }

.interactive-container {
  height: 100%; }
  .interactive-container__content {
    width: 100%;
    height: 100%;
    margin: 0px;
    background-attachment: scroll;
    background-size: cover;
    background-image: url("../media/BG_Mobile_Top_02.jpg");
    height: 100vh;
    background-position: -200px;
    /*to align items towards the end*/
    display: flex;
    align-items: center;
    background-size: cover;
    /*align-items makes it vertically centered when giving value of center */
    /*justify-content makes it horizontally centered*/ }
  .interactive-container .intro-container {
    width: 100%;
    /*to center content*/
    margin: auto;
    /*move content towards the bottom*/
    margin: 0 auto;
    text-align: center;
    color: #ffffff; }
    .interactive-container .intro-container__title-wrapper__desktop-title-logo {
      width: 100%; }
    .interactive-container .intro-container__subheader {
      font-size: 16px; }
    .interactive-container .intro-container__mobile-logo {
      width: 90%; }
    .interactive-container .intro-container__tablet-logo {
      display: none; }
    .interactive-container .intro-container__desktop-logo {
      display: none; }
    .interactive-container .intro-container__landscape-logo {
      display: none; }

/* IE11 fix */
#slide-map {
  overflow: hidden; }

/* flickity.css */
.recirc {
  border-top: 1px solid #333;
  padding-top: 25px;
  padding-bottom: 75px;
  width: 100%; }

.read-more {
  color: #ffffff;
  padding-bottom: 20px;
  text-align: center;
  font-size: 20px; }

.bckground {
  background-color: rgba(0, 0, 0, 0.8); }

.program-title {
  padding-top: 20px;
  text-align: center;
  font-weight: 300; }

.carousel-cell {
  margin-right: 20px;
  overflow: hidden; }

.carousel-cell img {
  display: block;
  height: 200px; }

.recirc-img:hover {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: grayscale(100%);
  transition: all 0.5s ease; }

.flickity-page-dots {
  display: none; }

.main-video-content {
  padding-top: 7%;
 /*padding-bottom: 7%;
	height: 100vh;
 display: flex;
 align-items: center;
 justify-content: center;*/ }
  .main-video-content--off-black {
    /*background-color: $off-black;*/
    background: url(../media/gradient-mobile.jpg) no-repeat center bottom/cover;
    width: 100%; }
  .main-video-content .article-content__copy-wrapper {
    max-width: 600px;
    margin: 0px auto;
    padding-top: 18px;
    line-height: 1.6667;
    font-weight: 300;
    font-size: 1.2em;
    width: 95%;
    text-align: left; }
  .main-video-content .main-video-wrapper__main-video {
    display: block;
    margin: 0 auto;
    max-width: 95%; }

/*.video-lead {
	position: relative;
	width: 100%;
	max-width: 1200px;
	max-height: 675px;
	margin: 0 auto;
}
*/
.video-content {
  width: 95%;
  display: block;
  margin: 0 auto; }

.article-wrapper {
  background: url(../media/gradient-mobile.jpg) no-repeat center bottom/cover;
  width: 100%; }
  .article-wrapper .article-content {
    max-width: 650px;
    margin: 0px auto;
    line-height: 1.6667;
    font-weight: 300;
    font-size: 1.2em;
    width: 95%;
    text-align: left; }
    .article-wrapper .article-content--gradient {
      /*background-color: $off-black;*/ }
    .article-wrapper .article-content__copy-wrapper {
      padding: 25px 0px 25px 0px;
      /*margin: 40px 20% 60px 20%;*/ }
    .article-wrapper .article-content__border-top {
      border-top: 5px solid red;
      width: 5%;
      padding-bottom: 10px; }
    .article-wrapper .article-content__subheader-copy {
      color: white;
      font-size: 18px;
      font-weight: 700;
      letter-spacing: 1.5px; }
    .article-wrapper .article-content__placeholder-video, .article-wrapper .article-content__placeholder-img {
      margin: 20px auto 20px auto;
      display: block;
      width: 100%; }
    .article-wrapper .article-content__vid-title {
      font-size: 14px;
      text-align: center; }
    .article-wrapper .article-content__play, .article-wrapper .article-content__twitter, .article-wrapper .article-content__facebook, .article-wrapper .article-content__link {
      width: 20px;
      margin: 0px 15px; }
    .article-wrapper .article-content__icon-wrapper--flexbox {
      display: flex;
      justify-content: center;
      margin: 10px; }

.story-image {
  position: relative;
  width: 100%;
  margin: 0px auto;
  padding-bottom: 0; }

.one {
  top: 54%;
  left: 5%; }

.two {
  right: 23%;
  top: 54.5%; }

.three {
  bottom: 20px;
  left: 60px; }

.four {
  right: 37%;
  bottom: 20px;
  /* left: 55.5%; */
  /* padding: 5px; */ }

.story-caption {
  position: absolute;
  text-align: center;
  font-weight: 500;
  font-style: italic; }

.img-source {
  margin: 0;
  padding: 0;
  color: #ffffff;
  font-size: 9px;
  text-transform: uppercase; }

.cvp-video {
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
  margin-bottom: 20px; }
  .cvp-video div {
    height: auto;
    max-width: 100%;
    width: 100%; }
  .cvp-video video, .cvp-video iframe, .cvp-video object {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }

/* ------------------------------ */
/* ------------------------------ */
/*            FOOTER              */
/* ------------------------------ */
.footer .content {
  width: 95%;
  max-width: 575px;
  margin: 0px auto;
  padding: 50px 0px; }
.footer #content-logo {
  width: 95%;
  max-width: 1100px;
  margin: 0px auto;
  padding: 15px 0px 0px 0px; }

.footer, .nav-bar {
  background: #000000;
  color: white;
  line-height: 0px; }
  .footer .nav, .nav-bar .nav {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .footer .nav-item-logo, .nav-bar .nav-item-logo {
    flex-grow: 1; }
  .footer .nav-item-social, .nav-bar .nav-item-social {
    flex-grow: 0;
    width: 40px; }
  .footer--credits-section, .nav-bar--credits-section {
    background-color: #222; }
  .footer--dash, .nav-bar--dash {
    width: 50px;
    height: 10px;
    background: #a91042; }
  .footer h4, .nav-bar h4 {
    font-size: 24px;
    padding: 0px 0px 25px 0px;
    margin: 0px; }
  .footer p, .nav-bar p {
    font-weight: 300;
    font-size: 13px;
    line-height: 20px;
    color: #ffffff;
    padding: 0px;
    margin: 0px; }
  .footer .credit-title, .nav-bar .credit-title {
    font-weight: 700;
    margin-top: 13px; }

.float_center {
  display: flex;
  justify-content: center; }

.terms {
  margin-left: 10px; }
  .terms--first {
    margin-left: 0; }

.cnn-copyright {
  margin-top: 15px;
  max-width: 1100px;
  width: 95%;
  margin: 15px auto;
  padding: 15px 0px 0px 0px; }

/* ------------------------------ */
/* ------------------------------ */
/*           MAP STYLES           */
/* ------------------------------ */
.background {
  pointer-events: all;
  fill: #111; }

.feature {
  fill: #ccc;
  cursor: pointer; }

.feature.active {
  fill: orange; }

.mesh, .land {
  fill: black;
  stroke: #264d40;
  stroke-linecap: round;
  stroke-linejoin: round; }

.water {
  fill: #1a1a1a; }

.code_807 {
  stroke: aquamarine;
  stroke-opacity: 1; }

.city-label {
  fill: white;
  font-weight: 700; }

.label {
  fill: #777;
  font-size: 8px;
  text-transform: uppercase; }

.img-mobile {
  display: block; }

.img-desktop {
  display: none; }

.subheader--special {
  font-size: 28px;
  line-height: 35px;
  font-weight: 100; }

@media only screen and (max-width: 374px) {
  .carousel-cell img {
    width: 300px;
    height: auto; } }
/* media query for medium screens (tablets) */
@media only screen and (min-width: 768px) {
  .img-mobile {
    display: none; }

  .img-desktop {
    display: block; }

  #block-01 {
    padding: 50px 0px; }

  #block-02 {
    max-width: 910px;
    padding: 20px 0px; }

  .carousel-cell img {
    height: 400px; }

  #slide-02, #slide-03, #slide-04 {
    background-position: center; }

  .story-image {
    height: 0;
    padding-bottom: 67.83%; }

  p {
    font-size: 16px; }

  .cnn_tech_logo {
    width: 100px; }

  .interactive-container__content {
    align-items: center; }
  .interactive-container .main-video-content--off-black {
    background: url(../media/desktop-gradient_2.jpg) no-repeat center bottom/cover;
    width: 100%; }
  .interactive-container .intro-container__subheader {
    font-size: 16px; }

  .article-wrapper {
    background: url(../media/desktop-gradient_2.jpg) no-repeat center bottom/cover;
    width: 100%; }

  .main-video-content {
    padding-top: 5%;
    /*padding-bottom: 5%;*/ }
    .main-video-content .main-video-wrapper__vid-title {
      font-size: 22px; }

  .parallax__bgimg-2 {
    height: 100vh; }
  .parallax__bgimg-3 {
    background-image: url("../media/v2-01-pq.jpg");
    align-items: center;
    justify-content: center;
    min-height: 600px;
    /*background-size: cover;/*
    display: flex;
    align-items: flex-end;*/
    /*min-height: 400px;*/ }
  .parallax__bgimg-4 {
    align-items: center;
    justify-content: center;
    min-height: 400px; }

  .footer .content {
    width: 95%;
    max-width: 1100px;
    margin: 0px auto;
    padding: 50px 0px; }
  .footer #content-logo {
    padding: 15px 0px 0px 0px; }

  .footer--dash, .credit {
    margin-left: 0px; }

  	/*.cnn-copyright {
    	margin: 15px;
  	}*/
  .terms {
    margin-left: 15px; }

  .float_center {
    justify-content: flex-start; }

  .terms-of-use {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0px 0px 15px 0px;
    width: 95%; }

  .interactive-container .intro-container__tablet-logo {
    display: block;
    width: 70%;
    margin: 0 auto; }
  .interactive-container .intro-container__mobile-logo {
    display: none; }
  .interactive-container .intro-container__desktop-logo {
    display: none; }
  .interactive-container .intro-container__landscape-logo {
    display: none; } }
@media only screen and (max-width: 768px) and (orientation: landscape) {
  .intro-container__desktop-logo {
    display: none; }
  .intro-container__landscape-logo {
    display: block !important;
    margin: 0 auto;
    width: 100%; }
  .intro-container__tablet-logo {
    display: none; }
  .intro-container__mobile-logo {
    display: none; }

  .main-video-content {
    height: auto;
    padding: 20px; }
    .main-video-content .main-video-wrapper__main-video {
      width: 100%; } }
/* Turn off parallax scrolling for tablets and phones */
@media only screen and (min-width: 1024px) {
  /* ------------------------------ */
  /*           PARALLAX             */
  /* ------------------------------ */
  p {
    font-size: 20px; }

  .interactive-container {
    /*height:100%;*/ }
    .interactive-container__content {
      position: relative;
      height: 100vh;
      width: 100%;
      overflow: hidden; }
    .interactive-container .subheader--special {
      font-size: 50px;
      line-height: 60px;
      text-align: left;
      font-weight: 100; }
    .interactive-container__content {
      background-image: none;
      position: relative;
      z-index: 0; }
    .interactive-container .intro-container {
      width: 100%;
      position: relative; }
      .interactive-container .intro-container__desktop-logo {
        display: block;
        margin: 50px auto 0px auto;
        width: 75%; }
      .interactive-container .intro-container__landscape-logo {
        display: none; }
      .interactive-container .intro-container__tablet-logo, .interactive-container .intro-container __mobile-logo {
        display: none; }
      .interactive-container .intro-container__subheader {
        font-size: 18px; }

  .main-video-content {
    padding-top: 5%;
    /*padding-bottom: 5%;*/
    display: block;
    height: auto; }
    .main-video-content .main-video-wrapper__vid-title {
      font-size: 32px; }

  .parallax__bgimg-2, .parallax__bgimg-3, .parallax__bgimg-4, .parallax__bgimg-5 {
    position: relative;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }
  .parallax__bgimg-4 {
    /*justify-content: flex-start;*/ }

  .pullquote__text-quote-wrapper {
    margin: 30px 0px 30px 0px; }

  .nav-item-social:hover .social-media-icons {
    fill: aquamarine;
    -webkit-transition: fill 0.5s ease;
    -moz-transition: fill 0.5s ease;
    -o-transition: fill 0.5s ease;
    transition: fill 0.5s ease;
    cursor: pointer; }

  .article-content__vid-title {
    text-align: left;
    font-size: 18px; }
  .article-content__play, .article-content__twitter, .article-content__facebook, .article-content__link {
    width: 20px;
    margin: 0px 15px; }
    .article-content__play--InStory, .article-content__twitter--InStory, .article-content__facebook--InStory, .article-content__link--InStory {
      margin-left: 0; }
  .article-content__icon-wrapper--flexbox {
    margin: 0;
    justify-content: flex-start;
    align-items: flex-start; }

  header.nav-bar {
    width: 100%;
    /* height:41px;*/ }
    header.nav-bar .content {
      padding: 0px;
      width: 100%;
      max-width: 100%;
      margin: 0px auto; }
    header.nav-bar #content-logo {
      padding: 0px; }
    header.nav-bar .nav-item-logo {
      flex-grow: 0;
      width: 125px; }
    header.nav-bar .nav-item-text {
      flex-grow: 1;
      font-family: 'Libre Baskerville', serif;
      margin-top: 0px; }
      header.nav-bar .nav-item-text a, header.nav-bar .nav-item-text span {
        color: white;
        font-size: 11px;
        letter-spacing: .5px; }

  .video-content {
    width: 800px;
    display: block;
    margin: 0 auto; }

  .terms {
    margin: 0px 55px 0px 0px; }

  .cnn-copyright {
    padding-top: 20px; } }

/*# sourceMappingURL=long-money.css.map */