/* 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
*/
body {
  font-size: 16px;
  font-family: CNN,"Helvetica Neue",Helvetica,Arial,Utkal,sans-serif;
  background-color: #1a1a1a;
  color: #fefefe;
  position: relative;
  margin: 0; }
  body * {
    box-sizing: border-box; }

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

/* ------------ 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("http://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("http://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("http://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; }
    .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
*/
/**
 * Owl Carousel v2.1.6
 * Copyright 2013-2016 David Deutsch
 * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y; }

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

.owl-carousel .owl-item img {
  display: block;
  -webkit-transform-style: preserve-3d; }

/*.owl-carousel .owl-nav.disabled*/
.owl-carousel .owl-dots.disabled {
  display: none; }

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel.owl-loaded {
  display: block; }

.owl-carousel.owl-loading {
  opacity: 0;
  display: block; }

.owl-carousel.owl-hidden {
  opacity: 0; }

.owl-carousel.owl-refresh .owl-item {
  display: none; }

.owl-carousel.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab; }

.owl-carousel.owl-rtl {
  direction: rtl; }

.owl-carousel.owl-rtl .owl-item {
  float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
/*
 *  Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 *  Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d; }

/*
 *  Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

/**
 * Owl Carousel v2.1.6
 * Copyright 2013-2016 David Deutsch
 * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
 */
/*
 *  Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }

.owl-theme .owl-nav [class*='owl-'] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px; }

.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default; }

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }

.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline; }

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px; }

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #869791; }

a {
  text-decoration: none; }

p a,
.ol a {
  color: #F08720; }

.hln-logo {
  display: block;
  margin-bottom: 20px;
  opacity: 1;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out; }

.hln-logo:hover {
  opacity: 0.5; }

.clear:after {
  content: "";
  display: block;
  clear: both; }

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

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

.how-it-really-happened--container {
  position: relative; }

.how-it-really-happened img {
  display: block;
  width: 100%;
  max-width: 100%; }

.how-it-really-happened {
  position: relative;
  z-index: 8;
  margin: 0 auto;
  width: 95%;
  max-width: 980px; }

.how-it-really-happened--logotype {
  padding-top: 40px;
  width: 100%;
  max-width: 548px;
  margin: 0;
  display: block; }

.how-it-really-happened--headline-container {
  padding: 20px 0; }

.how-it-really-happened--headline {
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  font-size: 24px;
  font-size: 1.6rem;
  line-height: 1.25;
  display: inline-block;
  float: left;
  margin: 0;
  padding-bottom: 20px; }

.how-it-really-happened--bg {
  background-image: url(../media/bg.jpg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 56.25vw;
  max-height: 900px; }

.how-it-really-happened--gradient {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  height: 0;
  background: #1a1a1a 75%;
  background: -webkit-linear-gradient(top, transparent, #1a1a1a 75%);
  background: linear-gradient(180deg, transparent, #1a1a1a 75%);
  padding-bottom: 25%; }

.how-it-really-happened--content p,
.how-it-really-happened--content ol li {
  font-weight: 300;
  font-size: 18px;
  line-height: 150%;
  padding: 10px 0;
  margin: 0; }

.how-it-really-happened--subheadline {
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  font-size: 22px;
  line-height: 1.25;
  margin: 0 0 20px 0; }

.how-it-really-happened--secondary-video {
  margin-bottom: 60px; }

.how-it-really-happened--video {
  background-color: #000; }

.how-it-really-happened--sidebar h3,
.how-it-really-happened--other-episodes h3 {
  background-color: #F08720;
  margin: 0;
  text-transform: capitalize;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.25;
  padding: 10px 16px; }

.how-it-really-happened--other-episodes h3 {
  margin-bottom: 20px; }

.how-it-really-happened--other-episode {
  opacity: 0.5;
  color: #fefefe; }

a.how-it-really-happened--other-episode:hover {
  color: #F08720; }

.how-it-really-happened--other-episode.aired {
  opacity: 1; }

.how-it-really-happened--sidebar .ol {
  background-color: rgba(18, 32, 39, 0.5);
  margin: 0;
  padding: 10px 26px 10px 36px; }

.how-it-really-happened--sidebar .ol .li {
  font-size: 16px;
  line-height: 1.5;
  padding: 10px 0; }

.how-it-really-happened--other-episodes {
  padding: 20px 0;
  position: relative;
  z-index: 5;
  background-color: #1A1A1A; }

.how-it-really-happened--other-episodes p {
  display: none; }

.how-it-really-happened--other-episodes figure {
  margin: 0; }

.how-it-really-happened--other-episodes .owl-theme .owl-dots .owl-dot.active span,
.how-it-really-happened--other-episodes .owl-theme .owl-dots .owl-dot:hover span {
  background: #F08720; }

.how-it-really-happened--other-episodes .owl-prev,
.how-it-really-happened--other-episodes .owl-next,
.how-it-really-happened--other-episodes .owl-theme .owl-nav [class*='owl-'] {
  position: absolute;
  top: 75px;
  color: #fefefe;
  font-size: 14px;
  margin: 0;
  padding: 0;
  background: #2D4247;
  display: inline-block;
  cursor: pointer;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  opacity: 0;
  text-align: center;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out; }

.timeline-interactive .owl-theme .owl-nav {
  display: none; }

.gallery-interactive .owl-theme .owl-nav {
  position: absolute;
  top: 33.3333%;
  width: 100%; }

.gallery-interactive .owl-theme .owl-nav [class*='owl-'] {
  color: #FFF;
  margin: 5px;
  padding: 8px;
  border: 2px solid #fff;
  background: transparent;
  display: inline-block;
  cursor: pointer;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 20px;
  font-size: 18px; }

.gallery-interactive .owl-theme .owl-nav [class*='owl-']:hover {
  color: #F08720;
  border: 2px solid #F08720; }

.gallery-interactive .owl-theme .owl-nav .owl-next {
  position: absolute;
  top: 0;
  right: 0; }

.gallery-interactive .owl-theme .owl-nav .owl-prev {
  position: absolute;
  top: 0;
  left: 0; }

.owl-carousel:hover .how-it-really-happened--other-episodes .owl-prev,
.owl-carousel:hover .how-it-really-happened--other-episodes .owl-next,
.owl-carousel:hover .owl-theme .owl-nav [class*='owl-'] {
  opacity: 0.5; }

.how-it-really-happened--other-episodes .owl-prev {
  left: -15px; }

.how-it-really-happened--other-episodes .owl-next {
  right: -15px; }

.how-it-really-happened--other-episodes .owl-dots {
  padding-top: 40px; }

.how-it-really-happened--other-episodes h4 {
  font-weight: 300;
  font-size: 18px;
  line-height: 1.25;
  margin: 0;
  padding: 10px 0 5px 0; }

.how-it-really-happened--other-episodes em {
  font-weight: 300;
  font-size: 14px;
  color: #ccc; }

#how-it-really-happened--sidebar-contents {
  position: relative;
  z-index: 5;
  opacity: 1;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out; }

#how-it-really-happened--sidebar-contents.behind {
  z-index: 3;
  opacity: 0.25; }

.touchevents .owl-nav {
  display: none !important; }

.domestic .cnn-static-footer, .international .cnn-static-footer {
  margin-top: 0 !important;
  position: relative;
  z-index: 8; }

.timeline-interactive {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: rgba(18, 32, 39, 0.5);
  margin: 0;
  padding: 15px; }

.timeline-interactive .slide {
  overflow: hidden;
  max-width: 568px;
  margin: 0 auto; }

.timeline-interactive .slide h4 {
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  font-size: 22px;
  line-height: 1.25;
  margin: 10px 0 0 0; }

.timeline-interactive .slide p {
  font-weight: 300;
  font-size: 18px;
  line-height: 150%;
  padding: 10px 0;
  margin: 0; }

.line {
  height: 50px;
  width: 100%;
  position: relative;
  margin-bottom: 10px; }

.line:after {
  content: "";
  height: 2px;
  width: 100%;
  display: block;
  background-color: #fefefe;
  top: 50%;
  position: absolute;
  left: 0;
  transform: translateY(-50%); }

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(254, 254, 254, 0.4); }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(254, 254, 254, 0); }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(254, 254, 254, 0); } }
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(254, 254, 254, 0.4);
    box-shadow: 0 0 0 0 rgba(254, 254, 254, 0.4); }
  70% {
    -moz-box-shadow: 0 0 0 10px rgba(254, 254, 254, 0);
    box-shadow: 0 0 0 10px rgba(254, 254, 254, 0); }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(254, 254, 254, 0);
    box-shadow: 0 0 0 0 rgba(254, 254, 254, 0); } }
.circle {
  border: 2px solid #fefefe;
  background-color: #334C4F;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  z-index: 8;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  box-shadow: 0 0 0 rgba(254, 254, 254, 0.4);
  animation: pulse 2s infinite; }

.circle:before {
  opacity: 0;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
  text-align: center;
  position: relative;
  top: 25px;
  left: -8px;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1px; }

.no-touchevents .circle:hover:before {
  opacity: 1; }

#circle-1 {
  left: 0; }

#circle-1:before {
  content: "1994"; }

#circle-2 {
  left: 8.5%; }

#circle-2:before {
  content: "1994"; }

#circle-3 {
  left: 17%; }

#circle-3:before {
  content: "1994"; }

#circle-4 {
  left: 27%; }

#circle-4:before {
  content: "1995"; }

#circle-5 {
  left: 35%; }

#circle-5:before {
  content: "1995"; }

#circle-6 {
  left: 43%; }

#circle-6:before {
  content: "1995"; }

#circle-7 {
  left: 51%; }

#circle-7:before {
  content: "1995"; }

#circle-8 {
  left: 59%; }

#circle-8:before {
  content: "1995"; }

#circle-9 {
  left: 67%; }

#circle-9:before {
  content: "1995"; }

#circle-10 {
  right: 16%; }

#circle-10:before {
  content: "1996"; }

#circle-11 {
  right: 8%; }

#circle-11:before {
  content: "1997"; }

#circle-12 {
  right: 0; }

#circle-12:before {
  content: "2008"; }

.circle.active:after {
  content: "";
  display: block;
  background-color: #fefefe;
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  top: 3px;
  left: 3px; }

.timeline-interactice h2 {
  font-size: 80px;
  font-weight: 700; }

.gallery-interactive {
  margin-bottom: 60px; }

.gallery-interactive .how-it-really-happened--subheadline {
  margin-bottom: 20px; }

.gallery-interactive h4 {
  margin: 0;
  font-weight: 300;
  font-style: italic;
  font-style: 20px;
  padding-top: 20px; }

.gallery-interactive .slide p {
  font-size: 16px;
  color: #ccc; }

.border-bottom {
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc; }

@media screen and (min-width: 640px) {
  .hln-logo {
    float: left;
    width: 50%;
    padding-right: 40px; }

  #how-it-really-happened--sidebar-contents {
    float: left;
    width: 50%;
    display: block; } }
@media screen and (min-width: 1024px) {
  .hln-logo,
  #how-it-really-happened--sidebar-contents {
    float: none; }

  #how-it-really-happened--sidebar-contents {
    width: 306px; }

  .hln-logo {
    width: 100%;
    padding: 0; }

  .how-it-really-happened--content,
  .how-it-really-happened--sidebar {
    float: left; }

  .how-it-really-happened--content {
    width: 66.6666%; }

  .how-it-really-happened--sidebar {
    width: 33.3333%;
    padding-top: 0;
    padding-left: 20px; } }
#DV-viewer-3476227-JBR-Ransom-Note {
  margin-bottom: 10px; }

/*# sourceMappingURL=whitney-houston.css.map */