/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:normal;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}

@font-face {
  font-family: 'seravek';
  src: url('fonts/SeravekWebBasicExtraLight.eot');
  src: url('fonts/SeravekWebBasicExtraLight.eot?#iefix') format('embedded-opentype'),
       url('fonts/SeravekWebBasicExtraLight.woff') format('woff');
  font-weight: lighter;
  font-style: normal;
}

@font-face {
  font-family: 'PT-Serif';
  src: url('fonts/PTF55F-webfont.eot');
  src: url('fonts/PTF55F-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/PTF55F-webfont.woff') format('woff'),
       url('fonts/PTF55F-webfont.ttf') format('truetype'),
      url('fonts/PTF55F-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'PT-Serif-Bold';
  src: url('fonts/PTF75F-webfont.eot');
  src: url('fonts/PTF75F-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/PTF75F-webfont.woff') format('woff'),
       url('fonts/PTF75F-webfont.ttf') format('truetype'),
      url('fonts/PTF75F-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

a,
a:visited {
  color: #1fc0da;
}

.three-hero .hero-label {
  display: none;
  height: 4rem;
  position: absolute;
  width: 12rem;
}

.three-hero h3 {
  color: #fff;
  font-family: "seravek", helvetica, arial, sans-serif;
  font-size: 1.125rem;
  font-weight: lighter;
  left: 0;
  line-height: 1;
  position: absolute;
  text-align: center;
  top: 0;
  width: 12rem;
  z-index: 5;
}

.three-hero svg {
  height: 3rem;
  margin-top: .325rem;
  width: 10rem;
}

.geithner {
  bottom: 2rem;
  left: .5rem;
  margin: 0;
}

.geithner h3 {
  left: .25rem;
}

.bernanke {
  left: 50%;
  margin-left: -6rem;
  bottom: 1rem;
}

.paulson {
  right: 2rem;
  bottom: 4rem;
}

.paulson svg,
.bernanke svg {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.group:after {
  clear: both;
  content: '';
  display: table;
}

body {
  font-family: 'PT-Serif', Georgia, 'Times New Roman', Times, serif;
  -webkit-font-smoothing: antialiased;
}

img {
  height: auto;
  width: 100%;
}

.fixed-header {
  background-color: #fff;
  border: thin solid #ccc;
  display: none;
  height: 3.625rem;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}

.logo {
  display: block;
  height: 2.3rem;
  position: relative;
  text-align: center;
  width: 100%; }

.logo-link {
  display: inline-block;
  padding: .5rem 0; }

.svg-logo {
  height: 2.4rem;
  width: 9rem;
}

.three-card {
  margin-bottom: 2.4rem;
}

.three-card:last-of-type {
  margin-bottom: 0;
}

.three-hero {
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #d5d5f5 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 0%,#d5d5f5 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 0%,#d5d5f5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d5d5f5',GradientType=0 ); /* IE6-9 */
  box-sizing: border-box;
  height: calc(100vh - 66px);
  line-height: 0;
  margin-bottom: 1.5rem;
  min-height: 27rem;
  padding-top: 2rem;
  position: relative;
  text-align: center;
}

.three-hero-body img {
  position: absolute;
  bottom: 0;
  left: 0;
}

.three-hero h1 {
  border-bottom: thin solid #ccc;
  color: #586d58;
  font-family: "seravek", helvetica, arial, sans-serif;
  font-size: 3.5rem;
  -webkit-font-smoothing: antialiased;
  font-weight: lighter;
  line-height: 3.75rem;
  margin: 0 1rem 1rem;
  padding-bottom: .5rem;
}

.three-hero button {
  background-color: #aaa;
  color: #fff;
  margin-bottom: 3rem;
  margin-top: .325rem;
}

.three-hero p {
  color: #586d58;
  line-height: 1.5rem;
  margin-left: 1rem;
  margin-right: 1rem;
}

.photo-credit {
  color: #888;
  display: block;
  font-family: helvetica, arial, sans-serif;
  font-size: .6875rem;
  font-weight: bold;
  margin-bottom: 0;
}

button {
  cursor: pointer;
  transition: background-color 500ms ease-out;
  -webkit-appearance: none;
  background-color: #d9d9d9;
  border: 0;
  border-radius: 2rem;
  padding: .75rem 2rem;
}

button:hover {
  background-color: #1fc0da;
  color: #fff;
}

.wrapper {
  margin: 0 auto 3rem;
  max-width: 67rem;
}

.big-three-cards {
  list-style: none;
  margin-bottom: 0;
  padding-bottom: 4.5rem;
  padding-left: 0;
}

.three-body h3,
.section-title {
  color: white;
  font-family: "seravek", helvetica, arial, sans-serif;
  font-size: 1.875rem;
  font-weight: lighter;
  margin-top: -3.25rem;
  padding: 0 1rem;
  -webkit-font-smoothing: antialiased;
}

.three-body h3 {
  padding: 0;
}

h3.section-title {
  border-bottom: thin solid #ccc;
  color: #1fc0da;
}

h3.section-title.players {
  padding-top: 3rem;
}

.three-body {
  padding: 0 1rem;
}

.three-body button {
  font-family: "seravek", helvetica, arial, sans-serif;
  font-weight: bold;
  margin-bottom: .75rem;
  width: 100%;
}

.three-body h4 {
  color: #222;
  font-family: "PT-Serif-Bold", Georgia, serif;
  font-size: 1.625rem;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  line-height: 2.0625rem;
  margin-bottom: .35rem;
}

.three-meta-date {
  color: #888;
  display: block;
  font-size: 1.25rem;
  line-height: 1.75rem;
  margin-bottom: 2.25rem;
}

.three-body p {
  color: #222;
  line-height: 1.5rem;
}

.transcript {
  margin-bottom: 3rem;
  margin-top: 2.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.transcript-intro {
  border-bottom: thin solid #ccc;
  margin-bottom: 1.75rem;
  padding-bottom: .5rem;
}

.contribute {
  background-color: #2CB34A;
  margin-bottom: 3rem;
  padding: .75rem 1rem;
}

.contribute p {
  color: white;
  font-family: helvetica, arial, sans-serif;
  font-size: 1.125rem;
  line-height: 1.4;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.contribute p:first-of-type {
  margin-top: 0;
}

.contribute a {
  color: white;
}

.transcript .intro {
  font-family: "PT-Serif", Georgia, 'Times New Roman', Times, serif;
  font-style: italic;
}

.transcript .intro:first-of-type {
  margin-top: 2rem;
}

.transcript p {
  font-family: "PT-Serif", Georgia, 'Times New Roman', Times, serif;
  line-height: 1.8;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

p strong {
  font-family: "PT-Serif-Bold", Georgia, 'Times New Roman', Times, serif;
  font-weight: normal;
}

.nl-form {
  display: block;
  background-color: #d2f2f8;
  border: 0;
  padding: 1rem 1.25rem;
  position: relative;
  z-index: 5;
}

.transcript .nl-form h4 {
  font-family: "Seravek", Helvetica, arial, sans-serif;
  font-size: 1.325rem;
  font-weight: bold;
  margin-bottom: .45rem;
  margin-top: 0;
}

input[type="email"] {
  -webkit-appearance: none;
  border: 0;
  box-sizing: border-box;
  display: block;
  height: 2rem;
  line-height: 1.5rem;
  margin-bottom: 1rem;
  padding: .325rem .5rem;
  width: 100%;
}

.form-group {
  width: 100%;
}

.nl-form button {
  background-color: #1fc0da;
  border-radius: .25rem;
  color: #fff;
  width: 100%;
}

.podcast-facebook-link,
.podcast-twitter-link {
  display: none;
}

/* PLAYER STUFF */
.player-wrapper {
  position: relative;
  margin: -1rem 1rem 5rem;
  padding-top: 3px;
}
.playerbg {
  pointer-events: none;
  position: absolute;
  right: 0;
  top: -41px;
  width: 175px;
  z-index: 50;
}
.pause-icon,
.playing .play-icon {
  display: none
}

body {
  margin: 0
}

#audio-title {
  color: #222;
  font-family: helveticaneue-bold, helvetica, Arial, Helvetica, sans-serif;
  font-size: 1em;
  -webkit-font-smoothing: antialiased;
  left: 4.625rem;
  line-height: 1.2;
  margin: 0;
  position: absolute;
  top: 1.125rem;
  vertical-align: middle;
  z-index: 5;
}

#audioplayer {
  width: 100%;
  height: 5rem;
  margin: 0;
  position: relative
}

#pButton {
  height: 4rem;
  width: 4rem;
  border: 0;
  cursor: pointer;
  float: left;
  outline: 0;
  position: relative;
  margin: .8rem 1rem .8rem 0;
}

#timeline {
  background: #ccc;
  position: absolute;
  height: .2rem;
  left: 4.625rem;
  right: 0;
  top: 2.7325rem;
}

#playhead {
  width: 0;
  height: .2rem;
  background: #1fc0da;
}

.pause-icon,
.play-icon {
  height: 4rem;
  width: 4rem
}

.pause-icon .circle,
.play-icon .circle  {
  transition: fill 500ms ease-out;
  fill: transparent;
}

.play-icon:hover .circle,
.pause-icon:hover .circle {
  fill: #1fc0da;
}

.play-icon path,
.pause-icon path {
  fill: #1fc0da;
}

.play-icon:hover path,
.pause-icon:hover path {
  fill: #fff;
}

.playing .pause-icon {
  display: block
}

#audio_duration {
  bottom: .75rem;
  color: #888;
  font-family: helvetica;
  font-size: .5rem;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  right: 0;
  z-index: 75;
}

@media screen and (min-width: 48rem) {

  .nl-form {
    display: block;
    background-color: #d2f2f8;
    border: 0;
    float: left;
    margin-bottom: 1.25rem;
    margin-right: 2rem;
    max-width: 26rem;
    padding: 1rem 1.25rem;
    width: 66%;
  }

  .transcript .nl-form h4 {
    margin-bottom: .75rem;
  }
  
  .form-group input[type="email"] {
    height: 2rem;
    margin-bottom: 0;
    width: 100%;
  }
  
  .form-group {
    float: left;
    width: 70%;
  }
  
  .nl-form button {
    float:right;
    height: 2rem;
    line-height: 2rem;
    padding: 0;
    width: 27%;
  }
  .wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .fixed-header {
    display: block;
  }

  .three-hero {
    height: auto;
    margin-bottom: 3rem;
    margin-top: 3.625rem;
  }

  .three-hero .hero-label {
    display: block;
  }

  .three-hero-body {
    margin: 0 auto;
    max-width: 80rem;
    padding-top: .25rem;
    position: relative;
  }

  .three-hero-body img {
    position: relative;
  }

  .three-hero h1 {
    display: block;
    font-size: 4rem;
    line-height: 4.25rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 39rem;
    position: relative;
  }
  
  .three-image {
    float: left;
    width: 43.5%;
  }

  .three-card {
    margin-bottom: 5rem;
  }

  .three-body {
    border-left: thin solid #ccc;
    box-sizing: border-box;
    float: right;
    padding: 0 0 0 2.75%;
    width: 54%;
  }

  .three-body h3,
  .transcript h3 {
    border-bottom: thin solid #ccc;
    color: #1fc0da;
    margin-bottom: 1rem;
    margin-top: 0;
    padding: 0 0 .5rem;
  }

  h3.section-title.players {
    margin-bottom: 3rem;
    margin-top: 0;
    padding: 0 0 .5rem;
  }

  .three-body h4 {
    margin-top: 0;
  }

  .three-meta-date {
    margin-bottom: 1.625rem;
  }

  .three-body button {
    display: inline-block;
    margin-right: .325rem;
    padding: .5rem 2rem;
    width: auto;
  }

  .transcript {
    font-size: 1.125rem;
    padding-left: 0;
    padding-right: 0;
  }

  .podcast-facebook-link,
  .podcast-twitter-link {
    display: none;
  }

  .contribute {
    padding: 1.75rem 2rem;
  }

  .player-wrapper {
    margin: 2rem 0;
  }

  #audio_duration {
    font-size: .625rem;
  }

  #audio-title {
    left: 4.625rem;
    top: 1rem;
  }
}

@media screen and (min-width: 67.5rem) {
  .three-hero h3 {
    line-height: 1.4;
  }
  
  .three-hero svg {
    height: 4rem;
    margin-top: 0;
    width: 12rem;
  } 

  .geithner {
    bottom: 4rem;
    left: 4.5rem;
  }

  .bernanke {
    bottom: 2.25rem;
    margin-left: -7rem;
  }

  .paulson {
    bottom: 7rem;
    right: 4rem;
  }
}


.footer-scaffolding {
  background-color: #fff;
  border-top: thin solid #e5e5e5;
  padding: 3.2em .75em 6em;
}

.copyright-parse {
  display: inline-block;
  font-weight: normal;
}

.ancillary {
  font-size: .95em;
  text-align: center;
}
.ancillary h3 {
  color: #444;
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: .85em;
  -webkit-font-smoothing: antialiased;
  font-weight: bold;
  margin: 1em 0 .5em;
  text-transform: uppercase;
}
.ancillary li {
  display: inline-block;
  padding: .25em;
}
.ancillary li:first-child {
  padding-left: 0;
}
.ancillary li:before {
  color: #888;
  content: '• ';
}
.ancillary li:first-child:before {
  content: '';
}
.ancillary a {
  text-decoration: none;
  color: #888;
  -webkit-font-smoothing: antialiased;
}

.ancillary-apm {
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: .625em;
  text-align: center;
}
.ancillary-apm h4 {
  -webkit-font-smoothing: antialiased;
  font-weight: bold;
  line-height: 1.3em;
  margin: .625em 0 .325em;
}
.ancillary-apm h4 span {
  font-weight: normal;
}
.ancillary-apm li {
  display: inline-block;
  padding: .25em;
}
.ancillary-apm li:first-child {
  padding-left: 0;
}
.ancillary-apm li:before {
  color: #888;
  content: '| ';
}
.ancillary-apm li:first-child:before {
  content: '';
}
.ancillary-apm a {
  color: #888;
  -webkit-font-smoothing: antialiased;
}

.podcast-menu {
  display: none;
}

.ancillary-meta {
  margin-top: 1.25em;
}

.ancillary-social {
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: .8em;
  margin-bottom: 1.25em;
}
.ancillary-social svg {
  margin-right: .5em;
}
.ancillary-social svg path {
  fill: #1fc0da;
}
.ancillary-social a {
  color: #1fc0da;
}
.ancillary-social li {
  margin-right: .5em;
}
.ancillary-social li:before {
  content: '';
}
.ancillary-social li:last-child {
  margin-right: 0;
  padding-right: 0;
}

.footer-facebook svg {
  height: 1.07em;
  margin-bottom: -.1em;
  width: .55em;
}

.footer-twitter svg {
  height: 1em;
  margin-bottom: -.125em;
  width: 1em;
}

.footer-instagram svg {
  height: 1.6em;
  margin-bottom: -.45em;
  width: 1.6em;
}

.ancillary ul {
  margin-left: 0;
  padding-left: 0;
}

@media screen and (min-width: 48em) {
  .footer-scaffolding {
    border-top: 0;
    padding: 1.2em 0;
  }

  .marketplace .footer-scaffolding {
    padding: 1.2em 6.5% 0;
  }

  .ancillary {
    border-bottom: thin solid #e5e5e5;
    padding-bottom: .85em;
    padding-left: 0;
    padding-top: .325em;
    text-align: left;
  }
  .ancillary h3,
  .ancillary ul {
    display: inline-block;
  }

  .ancillary h3 {
    margin-right: .5em;
  }

  .stories .ancillary,
  .slimdown .ancillary {
    margin-left: 0;
    padding-left: 0;
  }

  .ancillary-app {
    height: 6.75em;
    margin-left: -1.45em;
    overflow: hidden;
    text-indent: -999em;
  }

  .ancillary-meta {
    margin-top: 1.325em;
  }

  .ancillary-apm {
    margin-left: 0;
    padding-top: 1.75em;
    text-align: left;
  }

  .ancillary-apm ul {
    padding-left: 0;
  }

  .stories .ancillary-apm {
    margin-left: 0;
  }

  .ancillary-social {
    border: 0;
    float: right;
    margin-right: 0;
    text-align: right;
  }
  .ancillary-social h3 {
    margin-right: 0;
  }

  .footer-scaffolding .ancillary.podcast-menu {
    display: block;
    margin-left: -1.1em;
    padding-bottom: 0;
  }
  .footer-scaffolding .ancillary.podcast-menu img {
    vertical-align: bottom;
    width: 17em;
  }

  .footer-instagram {
    margin-right: 0;
  }
}
@media screen and (min-width: 64em) {
  .footer-scaffolding {
    margin: 0 0 0 0;
    padding: 1.15em 0 0 0;
  }

  .marketplace .footer-scaffolding {
    padding: 1.2em 0 1.125em 3em;
  }

  .popular .footer-scaffolding {
    padding-left: 1.65em;
  }

  .stories .ancillary,
  .stories .ancillary-apm {
    margin-left: 0;
  }

  .collections .ancillary {
    margin-left: 0;
    padding-left: 0;
  }

  .collections .ancillary-apm {
    padding-left: 0;
  }

  .ancillary-social {
    margin-right: 1em;
  }
}
@media screen and (min-width: 120em) {
  .footer-scaffolding {
    background-color: transparent;
    border-left: thin solid #e5e5e5;
    border-right: thin solid #e5e5e5;
    margin: 0 auto;
    max-width: 120em;
    padding: 0;
  }

  .footer-container {
    background-color: #fff;
    border-left: thin solid #e5e5e5;
    margin-left: 19em;
    padding: 1.15em 20em 0 1.45em;
  }
}