@charset "UTF-8";
/*
--------------------------------------------------------------------------------
BROWSER RESET
--------------------------------------------------------------------------------
*/
/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
main, article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* reset box layout model */
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/* clear floats */
.group:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

/*- Sass variables -----------------------------------------------------------*/
/*- Sass mixins --------------------------------------------------------------*/
/*- Base Global Styles -------------------------------------------------------*/
html {
  font: 100%/1.25 "Sentinel A", "Sentinel B", Georgia, "Times New Roman", Times, serif; }

body {
  color: #303942;
  background: white; }

.wrapper {
  max-width: 75em;
  margin: 0 auto; }

a:link, a:visited {
  color: #249ddc; }

a:hover, a:active {
  text-decoration: underline; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Knockout 30 A", "Knockout 30 B", Helvetica, Arial, sans-serif; }

h1 {
  font-size: 2.4rem;
  line-height: 1;
  font-weight: 700; }

h2 {
  font-size: 1.4rem;
  line-height: 1.25;
  font-weight: 700; }

p, li {
  font-size: 1.0625em;
  line-height: 1.5em;
  padding-bottom: 1em; }
  @media screen and (min-width: 37.5em) {
    p, li {
      line-height: 1.65em; } }

em, i {
  font-style: italic; }

strong, b {
  font-weight: bold; }

del, strike {
  text-decoration: line-through; }

cite {
  font-style: italic; }

li {
  padding-bottom: .5em; }

ol {
  list-style-type: decimal; }

ul {
  list-style-type: disc; }

dd {
  font-style: italic;
  color: #303942;
  padding-bottom: 1em; }

blockquote {
  margin: 1em 0;
  font-style: italic; }
  blockquote em, blockquote i, blockquote cite {
    font-style: normal; }

figure {
  margin-bottom: 1em; }

figcaption, .caption {
  color: #505f6e;
  font-size: 0.875rem;
  font-style: italic; }

.caption {
  margin-bottom: 1em; }

input, textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding: 0; }

input[type="checkbox"] {
  -webkit-appearance: checkbox; }

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999; }

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #999; }

input:focus,
textarea:focus {
  outline: none; }

[placeholder]:focus::-webkit-input-placeholder {
  color: transparent; }

/*- Main Header Navbar -------------------------------------------------------*/
header[role="banner"] {
  position: fixed;
  top: 0;
  width: 100%;
  height: 40px;
  z-index: 1000;
  background-color: #303942;
  -webkit-font-smoothing: antialiased; }

@media screen and (min-width: 56.25em) {
  .states-story header[role="banner"] {
    width: 21.25%;
    height: 100%; } }

header[role="banner"] > h1 {
  display: block;
  width: 116px;
  height: 55px;
  float: left;
  margin-left: 0.25rem;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  transition: all 0.25s ease; }
  header[role="banner"] > h1:hover, header[role="banner"] > h1:focus {
    opacity: 1; }
  @media screen and (min-width: 37.5em) {
    header[role="banner"] > h1 {
      margin-left: 0.5rem; } }
  @media screen and (min-width: 56.25em) {
    header[role="banner"] > h1 {
      width: 100%;
      margin-left: 0; } }

header[role="banner"] > h1 a {
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  height: inherit;
  background: url("https://static.propublica.org/rails/assets/killing-the-colorado/logo-propublica-light.min-aef848dcf83167b974e09eb5d0b21c31b81a42f84524791d575bd9cd7dcd240f.svg") 0 -18px no-repeat;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  transition: all 0.25s ease; }
  @media screen and (min-width: 56.25em) {
    header[role="banner"] > h1 a {
      margin-left: 0;
      width: 100%;
      background-position: 50% -18px; } }

header[role="banner"] > h2,
#robot-sidebar h2 {
  display: none;
  float: left;
  font-family: "Knockout 30 A", "Knockout 30 B";
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.03125em;
  margin-top: 0.75rem;
  margin-left: 10px;
  padding-left: 10px;
  border-left: 1px solid rgba(255, 255, 255, 0.7);
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  transition: all 0.25s ease; }
  @media screen and (min-width: 37.5em) {
    header[role="banner"] > h2,
    #robot-sidebar h2 {
      display: inline-block; } }
  @media screen and (min-width: 56.25em) {
    header[role="banner"] > h2,
    #robot-sidebar h2 {
      float: none;
      width: 100%;
      margin-left: inherit;
      margin-bottom: 1.25rem;
      padding-left: inherit;
      opacity: 1;
      border-left: 0; } }

header[role="banner"] > h2 a,
#robot-sidebar h2 a {
  color: white;
  text-decoration: none;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  transition: all 0.25s ease; }
  @media screen and (min-width: 56.25em) {
    header[role="banner"] > h2 a,
    #robot-sidebar h2 a {
      display: block;
      height: 50px;
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden;
      background: url("https://static.propublica.org/rails/assets/killing-the-colorado/ktc-series-titles-light-beeafb2ac1a195860ec93a323669cb64d0af83ed783069d28cb470572037a555.svg") 50% 0 no-repeat;
      background-size: contain; } }

#mobile-menu {
  display: block;
  position: fixed;
  top: 40px;
  width: 100%;
  padding: 0.25rem 0;
  background-color: #455360;
  font-family: "Knockout 30 A", "Knockout 30 B", Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  text-transform: uppercase;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  color: white; }
  @media screen and (min-width: 56.25em) {
    #mobile-menu {
      display: none; } }

#mobile-menu:before,
#mobile-menu:after {
  position: relative;
  top: 0.125rem;
  font-size: 0.75rem; }

#mobile-menu:before {
  right: 0.125rem; }

#mobile-menu:after {
  left: 0.125rem; }

header[role="banner"] nav {
  font-family: "Knockout 30 A", "Knockout 30 B", Helvetica, Arial, sans-serif;
  font-size: 1.125rem; }
  @media screen and (min-width: 56.25em) {
    header[role="banner"] nav {
      width: 90%;
      margin: 0 auto;
      font-size: 1rem; } }
  @media screen and (min-width: 64em) {
    header[role="banner"] nav {
      width: 80%;
      font-size: 1.125rem; } }

header[role="banner"] nav.on {
  position: fixed;
  top: 60px;
  width: 100%;
  padding: 1rem;
  background-color: #303942; }
  header[role="banner"] nav.on ul.series-nav,
  header[role="banner"] nav.on .story-nav {
    display: block; }

nav ul.series-nav {
  display: none;
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #455360; }
  @media screen and (min-width: 56.25em) {
    nav ul.series-nav {
      display: block;
      margin-bottom: 1.5rem; } }

nav ul.series-nav li {
  padding-bottom: 0; }

nav ul.series-nav li:before,
nav ul.series-nav li:after {
  position: relative;
  top: 0.1875rem;
  padding-right: 0.5rem;
  color: white; }

nav ul.series-nav li a {
  text-decoration: none;
  color: white; }
  nav ul.series-nav li a:hover, nav ul.series-nav li a:focus {
    text-decoration: underline; }

nav ul.series-nav li a span:before {
  position: relative;
  top: 2px;
  right: 5px;
  font-size: 1rem; }

.story-nav {
  display: none; }
  @media screen and (min-width: 56.25em) {
    .story-nav {
      display: block;
      margin-bottom: 2rem; } }

.story-nav dl {
  margin-bottom: 0.25rem; }

.story-nav dt {
  color: #778796;
  margin-bottom: 0.875rem; }
  @media screen and (min-width: 56.25em) {
    .story-nav dt {
      margin-bottom: 0.375rem; } }

.story-nav dt a {
  text-decoration: none;
  color: white; }

.story-nav dt.ss-standard:after,
.story-nav dt.ss-social:after {
  display: inline-block;
  position: relative;
  top: 3px;
  left: 5px; }

.story-nav dd {
  display: none;
  color: #778796;
  font-style: normal;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.03125em; }
  @media screen and (min-width: 56.25em) {
    .story-nav dd {
      display: block; } }

.story-nav a:hover,
.story-nav a:focus {
  text-decoration: underline; }

nav ul.social-nav {
  display: inline-block;
  position: fixed;
  top: 0;
  right: 0.5rem;
  list-style: none; }
  @media screen and (min-width: 37.5em) {
    nav ul.social-nav {
      right: 1rem; } }
  @media screen and (min-width: 56.25em) {
    nav ul.social-nav {
      position: fixed;
      background: #be3b3b;
      border-radius: 0 0 0.25rem 0.25rem;
      padding: 0.25rem; } }

ul.social-nav li {
  display: inline-block;
  padding: 0;
  line-height: 1.5rem; }

ul.social-nav li a {
  text-decoration: none;
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 30px;
  color: #ccc;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  transition: all 0.25s ease; }

nav .facebook a,
nav .twitter a,
nav .comment a {
  background-image: url("https://static.propublica.org/rails/assets/killing-the-colorado/nav-sprites-light.min-971f0be9efcd0df5988db7b4a1d9419cd00b9ce8b97f398fb27ba01942ab5829.svg");
  background-repeat: no-repeat; }

nav .facebook a {
  background-position: 0 0; }

nav .twitter a {
  background-position: 0 -50px; }

nav .comment a {
  background-position: 0 -100px; }

header[role="banner"] nav ul.social-nav .donate a {
  display: block;
  width: auto;
  text-indent: 0;
  background: #be3b3b;
  font-family: 'Knockout 30 A', 'Knockout 30 B';
  font-size: 1rem;
  letter-spacing: 0.03125em;
  line-height: 1;
  text-transform: uppercase;
  padding: 0.625rem 0.75rem 0.4rem 0.75rem;
  border-radius: 0 0 0.25rem 0.25rem;
  color: white;
  -webkit-font-smoothing: antialiased; }
  @media screen and (min-width: 56.25em) {
    header[role="banner"] nav ul.social-nav .donate a {
      padding: 0.25rem 0.5rem;
      border-radius: 0;
      border-left: 1px solid rgba(255, 255, 255, 0.5); } }

article .donate-button {
  display: inline-block;
  padding: 0.5em 2em;
  margin-top: 0.5rem;
  border-radius: 0.15rem;
  background-color: #be3b3b;
  border-radius: 0.25rem;
  text-align: center;
  color: white;
  -webkit-font-smoothing: antialiased;
  font-family: 'Knockout 30 A', 'Knockout 30 B';
  font-size: 1rem;
  letter-spacing: 0.03125em;
  line-height: 1;
  text-transform: uppercase; }
  @media screen and (min-width: 56.25em) {
    article .donate-button {
      padding: 0.5em 4em; } }

article .donate-button a {
  color: white; }

header[role="banner"] .email-signup {
  display: none; }
  @media screen and (min-width: 56.25em) {
    header[role="banner"] .email-signup {
      display: block; } }

header[role="banner"] .email-signup p {
  font-size: 1rem;
  line-height: 1.25rem;
  color: white;
  padding-bottom: 0;
  margin-bottom: 0.5rem; }

header[role="banner"] .email-signup {
  position: relative; }
  header[role="banner"] .email-signup label {
    display: none; }
  header[role="banner"] .email-signup .email-type {
    display: none; }
  header[role="banner"] .email-signup #mce-EMAIL {
    float: left;
    width: 65%;
    padding: 0.5rem 0.125rem;
    border: 1px solid #505e6b;
    background-color: #303942;
    color: #738395;
    border-radius: 0.125rem 0 0 0.125rem; }
  header[role="banner"] .email-signup input[type="submit"] {
    float: right;
    width: 35%;
    padding: 0.5rem 0.125rem;
    border: 1px solid #505e6b;
    background-color: #505e6b;
    color: white;
    border-radius: 0 0.125rem 0.125rem 0; }
  header[role="banner"] .email-signup div.mce_inline_error {
    position: absolute;
    bottom: -4rem;
    background-color: transparent;
    color: #be3b3b; }
  header[role="banner"] .email-signup #mce-error-response,
  header[role="banner"] .email-signup #mce-success-response {
    padding-top: 3rem;
    color: white;
    font-family: "Sentinel A", "Sentinel B", Georgia, "Times New Roman", Times, serif;
    font-size: 0.875rem;
    font-style: italic;
    line-height: 1.125rem; }

/*- Main Content -------------------------------------------------------------*/
/*- Main Footer --------------------------------------------------------------*/
/*- Cotton Story Map ---------------------------------------------------------*/
#intro_guff {
  display: none; }

#story-map-spacer {
  position: relative;
  z-index: 11;
  overflow: hidden;
  margin-bottom: 1rem;
  padding-top: 1rem; }
  @media screen and (min-width: 37.5em) {
    #story-map-spacer {
      width: 100%; } }
  @media screen and (min-width: 56.25em) {
    #story-map-spacer {
      width: 78.75%;
      margin-left: 21.25%; } }

#story_map p {
  z-index: 11; }

#story-map-legend {
  position: absolute;
  bottom: 30%;
  right: 5%;
  z-index: 12;
  padding: 5px;
  font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, arial, sans-serif;
  font-weight: 600;
  font-size: 0.75rem; }

#story-map-legend .story-map-legend-swatch {
  width: 12px;
  margin-right: 5px; }

#story_map {
  overflow: hidden;
  position: absolute;
  height: 100%;
  width: 100%;
  -webkit-transform: rotate(-60deg);
  -moz-transform: rotate(-60deg);
  -ms-transform: rotate(-60deg);
  -o-transform: rotate(-60deg);
  transform: rotate(-60deg);
  z-index: 0; }

#story_map.active {
  z-index: 10;
  pointer-events: all; }

#story_map .story-map-label, #story_map .story-map-circle {
  z-index: 12; }

#story_map .story-map-marker {
  background: url("https://static.propublica.org/rails/assets/killing-the-colorado/icons/mini-marker-9a44fc1cf9f110bb888c8455a932aeef079b511d888099fae67324d84fd22ffd.png") left center no-repeat;
  padding-left: 18px;
  padding-top: 7px;
  height: 25px;
  font-weight: normal; }

#story_map .story-map-img-overlay {
  z-index: 11;
  position: absolute; }

#story_map .story-map-point {
  position: absolute;
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  transform: rotate(60deg);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  padding: 5px;
  border-radius: 3px;
  font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, arial, sans-serif;
  font-weight: 600;
  color: #303942;
  font-size: 10px; }
  @media screen and (min-width: 56.25em) {
    #story_map .story-map-point {
      font-size: 12px; } }

#story_map .story-map-point.story-map-label-minor {
  display: none; }
  @media screen and (min-width: 37.5em) {
    #story_map .story-map-point.story-map-label-minor {
      display: block; } }

#story_map .story-map-point.story-map-state {
  font-size: 24;
  color: #999;
  letter-spacing: 5px;
  text-transform: uppercase; }

#story_map .story-map-featured {
  color: #f00; }

#story_map .story-map-city-small {
  font-weight: normal;
  font-style: italic; }

#story_map .rr-refer {
  margin-left: 25px;
  margin-top: 0.5em; }

#story-map-spacer .story-map-guff {
  display: block;
  position: relative;
  z-index: 1;
  width: 80%;
  margin-left: 1rem;
  margin-top: 1rem; }
  @media screen and (min-width: 37.5em) {
    #story-map-spacer .story-map-guff {
      width: 50%; } }
  @media screen and (min-width: 56.25em) {
    #story-map-spacer .story-map-guff {
      top: 0;
      left: 5%;
      width: 50%; } }

#story-map-spacer .story-map-guff * {
  margin-left: 0; }

#story-map-spacer .story-map-guff h2 {
  margin-top: 0;
  margin-bottom: 0.25rem;
  color: #303942; }

#story-map-spacer .story-map-guff p {
  font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, arial, sans-serif;
  line-height: 1.5em;
  font-weight: 500;
  font-size: 0.875rem; }

.story-map-inset {
  z-index: 12;
  position: absolute;
  display: none; }
  @media screen and (min-width: 37.5em) {
    .story-map-inset {
      display: block;
      top: 2rem;
      right: 4.375%;
      width: 45%; } }

#story-map-inset-coolidge img {
  width: 100%; }

ul.toggler {
  margin-left: 12em;
  width: 100%; }

ul.toggler li {
  display: inline-block;
  color: #222;
  font-size: 10px;
  border-right: 1px solid #555;
  border-top: 1px solid #555;
  border-bottom: 1px solid #555;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: 800;
  position: relative;
  white-space: nowrap;
  margin: 10px -3px;
  padding: 3px 8px;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  transition: all 0.1s ease; }

ul.toggler li.first {
  border-radius: 3px 0 0 3px;
  border-left: 1px solid #555; }

ul.toggler li.last {
  border-radius: 0 3px 3px 0; }

ul.toggler li.active {
  background: #cecece;
  border-left: 1px solid #555; }

#story-map-spacer.active ul.toggler {
  position: fixed;
  top: 10px; }

#story_wrap {
  position: relative; }

/*- Main Story Titles --------------------------------------------------------*/
article header .title-set {
  max-width: 75em;
  margin: 0 auto; }

article header .title-set {
  margin-top: 5rem;
  margin-bottom: 1rem; }
  @media screen and (min-width: 37.5em) {
    article header .title-set {
      margin-top: 6rem;
      margin-bottom: 2rem; } }
  @media screen and (min-width: 56.25em) {
    article header .title-set {
      margin-bottom: 5rem; } }
  article header .title-set .strap {
    display: none; }
  article header .title-set h1 {
    font-size: 2rem;
    line-height: 1;
    font-family: "Sentinel A", "Sentinel B", Georgia, "Times New Roman", Times, serif;
    font-weight: 700;
    margin: 0 1rem 0.5rem 1rem; }
    @media screen and (min-width: 37.5em) {
      article header .title-set h1 {
        font-size: 3rem;
        width: 82.5%;
        margin-left: 8.75%; } }
    @media screen and (min-width: 56.25em) {
      article header .title-set h1 {
        font-size: 4rem;
        width: 65%;
        margin-left: 26.25%; } }
    @media screen and (min-width: 64em) {
      article header .title-set h1 {
        width: 56.25%;
        margin-left: 26.25%; } }
  article header .title-set h2 {
    font-size: 1.25rem;
    line-height: 1;
    font-family: "Sentinel A", "Sentinel B", Georgia, "Times New Roman", Times, serif;
    font-weight: 400;
    margin: 0 1rem 1rem 1rem; }
    @media screen and (min-width: 37.5em) {
      article header .title-set h2 {
        font-size: 2rem;
        width: 82.5%;
        margin-left: 8.75%; } }
    @media screen and (min-width: 56.25em) {
      article header .title-set h2 {
        width: 65%;
        margin-left: 26.25%; } }
    @media screen and (min-width: 64em) {
      article header .title-set h2 {
        width: 56.25%;
        margin-left: 26.25%; } }
  article header .title-set p {
    margin: 0 1rem 1rem 1rem; }
    @media screen and (min-width: 37.5em) {
      article header .title-set p {
        font-size: 2rem;
        width: 82.5%;
        margin-left: 8.75%; } }
    @media screen and (min-width: 56.25em) {
      article header .title-set p {
        width: 65%;
        margin-left: 26.25%; } }
    @media screen and (min-width: 64em) {
      article header .title-set p {
        width: 56.25%;
        margin-left: 26.25%; } }
  article header .title-set .byline {
    display: block;
    margin-bottom: 0.5rem; }
  article header .title-set .dateline {
    display: block;
    margin-bottom: 1.5rem; }
  article header .title-set .byline,
  article header .title-set .dateline,
  article header .title-set .partner {
    color: #66798c;
    margin-left: 1rem;
    margin-right: 1rem; }
    @media screen and (min-width: 37.5em) {
      article header .title-set .byline,
      article header .title-set .dateline,
      article header .title-set .partner {
        width: 82.5%;
        margin-left: 8.75%; } }
    @media screen and (min-width: 56.25em) {
      article header .title-set .byline,
      article header .title-set .dateline,
      article header .title-set .partner {
        width: 65%;
        margin-left: 26.25%; } }
    @media screen and (min-width: 64em) {
      article header .title-set .byline,
      article header .title-set .dateline,
      article header .title-set .partner {
        width: 56.25%;
        margin-left: 26.25%; } }
  article header .title-set .partner {
    display: block;
    font-style: italic;
    margin-bottom: 1rem; }
  article header .title-set .partner span {
    display: inline-block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 100px;
    background: url("https://static.propublica.org/rails/assets/killing-the-colorado/logo-matter-50bf3e1751359ec9fcf7f377360aa6e42995e8d7b15425b40cc11d819564a834.svg") 0 0 no-repeat;
    background-size: contain;
    margin-left: 0.25rem; }

.cotton article header .title-set h1 {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url("https://static.propublica.org/rails/assets/killing-the-colorado/cotton-titles-03-d16dccec6b55a6d6b537190e01ec6794705b8e20d30753e399ad2acf7d02cfe9.jpg") 0 0 no-repeat;
  background-size: contain;
  margin: 0 1rem 0.5rem 1rem;
  padding-bottom: 27%; }
  @media screen and (min-width: 37.5em) {
    .cotton article header .title-set h1 {
      width: 91.25%;
      margin-left: 4.375%;
      margin-bottom: 0.75rem;
      padding-bottom: 33%; } }
  @media screen and (min-width: 56.25em) {
    .cotton article header .title-set h1 {
      width: 73.09375%;
      margin-left: 24.0625%;
      margin-bottom: 1rem;
      padding-bottom: 27%; } }

/*- Main story content -------------------------------------------------------*/
article .content {
  margin: 0 1em;
  padding-top: 1em; }
  @media screen and (min-width: 37.5em) {
    article .content {
      border: none;
      padding-top: 0;
      margin: 0; }
      article .content h1, article .content h2, article .content h3, article .content h4, article .content h5, article .content h6, article .content p, article .content ul, article .content ol, article .content dl,
      article .content pre, article .content embed, article .content object, article .content video, article .content form {
        width: 82.5%;
        margin-left: 8.75%;
        border: none;
        padding-top: 0; } }
  @media screen and (min-width: 56.25em) {
    article .content h1, article .content h2, article .content h3, article .content h4, article .content h5, article .content h6, article .content p, article .content ul, article .content ol, article .content dl,
    article .content pre, article .content embed, article .content object, article .content video, article .content form {
      width: 65%;
      margin-left: 26.25%; } }
  @media screen and (min-width: 64em) {
    article .content h1, article .content h2, article .content h3, article .content h4, article .content h5, article .content h6, article .content p, article .content ul, article .content ol, article .content dl,
    article .content pre, article .content embed, article .content object, article .content video, article .content form {
      width: 56.25%;
      margin-left: 26.25%; } }

article .content p,
article .content li {
  font-size: 1.125rem; }

article .content .partner {
  text-align: center;
  margin: 0 auto;
  font-style: italic;
  font-size: 0.875rem;
  line-height: 1;
  margin-bottom: 1em;
  color: #101316; }
  article .content .partner img {
    display: inline-block;
    height: 1.5em;
    margin-left: 0.25em;
    position: relative;
    top: 0.25em; }
  @media screen and (min-width: 37.5em) {
    article .content .partner {
      margin-bottom: 2em; } }

article .content.photos,
article .content.audio {
  margin-top: 5em;
  padding-top: 0;
  border-top: 0; }

article .content.photos p:first-child:first-letter,
article .content.audio p:first-child:first-letter {
  float: none;
  font-size: inherit;
  line-height: inherit;
  padding-right: inherit; }

article hr {
  display: inline-block;
  border: 0;
  height: 1px;
  background: #dde1e6;
  margin-top: 1em;
  margin-bottom: 2em;
  width: 25.625%; }
  @media screen and (min-width: 37.5em) {
    article hr {
      margin-left: 8.75%; } }
  @media screen and (min-width: 56.25em) {
    article hr {
      margin-left: 26.25%; } }

article .content .sharing-tools a {
  text-decoration: none;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s; }

article .content .sharing-tools.inline {
  margin-top: 1em; }
  article .content .sharing-tools.inline span {
    margin-right: 0.25em; }
  article .content .sharing-tools.inline .ss-fb {
    margin-right: 0.33em; }

article .content figure {
  margin-top: 1.25em;
  margin-bottom: 2em; }
  article .content figure img {
    display: block;
    width: 100%; }
  article .content figure figcaption {
    font-size: 0.875rem;
    line-height: 1.5em;
    margin-top: 0.75em; }
  article .content figure.inset {
    width: 47.5%;
    float: right;
    margin: 0.25em 1em 2em 1em; }
    @media screen and (min-width: 37.5em) {
      article .content figure.inset {
        width: 38.75%;
        margin-right: 4.375%; } }
    @media screen and (min-width: 56.25em) {
      article .content figure.inset {
        width: 30%;
        margin-right: 13.125%; } }
  article .content figure.inset.left {
    float: left;
    margin: 0.6em 1em 0.6em 0; }
    @media screen and (min-width: 37.5em) {
      article .content figure.inset.left {
        margin-left: 4.375%;
        margin-right: 1.75em; } }
    @media screen and (min-width: 56.25em) {
      article .content figure.inset.left {
        margin-left: 21.875%; } }
  article .content figure.inset-small {
    width: 47.5%;
    float: right;
    margin: 0.25em 1em 2em 1em; }
    @media screen and (min-width: 37.5em) {
      article .content figure.inset-small {
        width: 30%;
        margin-right: 8.75%; } }
    @media screen and (min-width: 56.25em) {
      article .content figure.inset-small {
        width: 25.625%;
        margin-right: 26.25%; } }
  article .content figure.inset-medium {
    width: 47.5%;
    float: right;
    margin: 0.25em 1em 2em 1em; }
    @media screen and (min-width: 37.5em) {
      article .content figure.inset-medium {
        width: 38.75%;
        margin-right: 8.75%; } }
    @media screen and (min-width: 56.25em) {
      article .content figure.inset-medium {
        width: 25.625%;
        margin-right: 21.875%; } }
  article .content figure.inset-small.left {
    float: left;
    margin: 0.6em 1em 0.6em 0; }
    @media screen and (min-width: 37.5em) {
      article .content figure.inset-small.left {
        margin-left: 4.375%;
        margin-right: 1.75em; } }
    @media screen and (min-width: 56.25em) {
      article .content figure.inset-small.left {
        margin-left: 21.875%; } }
  @media screen and (min-width: 37.5em) {
    article .content figure.default {
      width: 82.5%;
      margin-left: 8.75%; } }
  @media screen and (min-width: 56.25em) {
    article .content figure.default {
      width: 65%;
      margin-left: 26.25%; } }
  @media screen and (min-width: 64em) {
    article .content figure.default {
      width: 56.25%;
      margin-left: 26.25%; } }
  @media screen and (min-width: 37.5em) {
    article .content figure.medium {
      width: 91.25%;
      margin-left: 4.375%; } }
  @media screen and (min-width: 56.25em) {
    article .content figure.medium {
      width: 73.09375%;
      margin-left: 24.0625%; } }

.triptych img + img {
  margin-top: 0.5rem; }

article .content h2 {
  font-size: 1.375rem;
  font-weight: 800;
  color: #505f6e;
  margin-top: 1.5em;
  margin-bottom: 0.75em; }

article .content h3 {
  font-family: "Knockout 30 A", "Knockout 30 B", Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  color: #63696e;
  margin-top: 1.5em;
  margin-bottom: 0.5em; }

article .content h4 {
  font-family: "Knockout 30 A", "Knockout 30 B", Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  color: #63696e;
  margin-top: 1.5em;
  margin-bottom: 0.5em; }

.lead-in {
  text-transform: uppercase; }

@media screen and (min-width: 37.5em) {
  article .dropcap {
    float: left;
    font-size: 5rem;
    font-family: "Sentinel A", "Sentinel B", Georgia, "Times New Roman", Times, serif;
    font-weight: 700;
    font-style: normal;
    letter-spacing: -0.6rem;
    line-height: 1;
    padding-right: 1rem;
    padding-bottom: 0;
    position: relative;
    top: -0.0625em; } }

@media screen and (min-width: 37.5em) {
  article .content p.opening {
    font-size: 1.375em;
    line-height: 1.5em; } }

article .quote {
  position: relative;
  margin: 1.5em 0;
  border-top: 1px solid #cccfd1; }
  article .quote blockquote {
    margin-left: 1.8em;
    margin-right: 2em;
    padding: 0.5em 0; }
  article .quote p {
    width: 100%;
    margin-left: 0;
    padding-bottom: 0.5em;
    font-size: 1.25rem;
    line-height: 1.5rem; }
    @media screen and (min-width: 50em) {
      article .quote p {
        font-size: 1.5rem;
        line-height: 1.75rem; } }
  article .quote p:first-child:first-letter {
    float: none;
    font-size: inherit;
    line-height: inherit;
    padding-right: inherit; }
  article .quote cite {
    color: #303942; }
  article .quote cite:before {
    content: "—"; }
  @media screen and (min-width: 37.5em) {
    article .quote {
      width: 82.5%;
      margin-left: 8.75%; } }
  @media screen and (min-width: 48em) {
    article .quote {
      width: 65%;
      margin-left: 26.25%; } }

@media screen and (min-width: 37.5em) {
  article .quote.left {
    width: 82.5%;
    margin-left: 8.75%; } }
@media screen and (min-width: 48em) {
  article .quote.left {
    float: left;
    width: 43.125%;
    margin-left: 8.75%;
    margin-right: 4.375%; } }
@media screen and (min-width: 56.25em) {
  article .quote.left {
    width: 34.375%;
    margin-left: 13.125%; } }

article .quote.direct blockquote:before {
  content: '“';
  color: #66798c;
  font-size: 4rem;
  position: absolute;
  top: 0.5rem;
  left: 0.125rem; }

article blockquote.inline,
article .content ul {
  padding-left: 3em;
  padding-right: 2em;
  color: #ccc; }
  article blockquote.inline p,
  article .content ul p {
    font-size: 1rem;
    line-height: 1.25rem; }
  article blockquote.inline p:first-child:first-letter,
  article .content ul p:first-child:first-letter {
    float: none;
    font-size: inherit;
    line-height: inherit;
    padding-right: 0; }

article .content ul {
  color: #303942;
  margin-bottom: 1em; }

article .content .promotion {
  width: 47.5%;
  float: right;
  margin: 0.25em 1em 0.5em 1em;
  padding: 0.5em;
  padding-bottom: 0;
  border-top: 1px solid #ccc;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s; }
  @media screen and (min-width: 37.5em) {
    article .content .promotion {
      width: 38.75%;
      margin-right: 4.375%; } }
  @media screen and (min-width: 56.25em) {
    article .content .promotion {
      width: 30%;
      margin-right: 13.125%; } }
  article .content .promotion h3 {
    font-size: 1.5rem;
    line-height: 1.25;
    margin-bottom: 0.5rem;
    margin-top: 1rem; }
  @media screen and (min-width: 37.5em) {
    article .content .promotion .group {
      margin-bottom: 1.125em; }
      article .content .promotion .group:last-child {
        margin-bottom: 0; } }
  article .content .promotion .group img {
    display: none; }
    @media screen and (min-width: 37.5em) {
      article .content .promotion .group img {
        display: block;
        margin-right: 0.5em;
        margin-bottom: 1em; } }
  article .content .promotion .group p,
  article .content .promotion .group h3,
  article .content .promotion .group img {
    width: 90%;
    margin-left: 5%; }
  article .content .promotion .group p {
    font-size: 0.9375em;
    line-height: 1.25em; }
  article .content .promotion .group p a {
    text-decoration: none; }
    article .content .promotion .group p a:hover, article .content .promotion .group p a:focus {
      text-decoration: underline; }
  article .content .promotion .ss-standard:before,
  article .content .promotion .ss-social:before {
    position: relative;
    top: 0.125rem;
    left: 0.0125rem; }
  article .content .promotion.promotion.left {
    float: left;
    margin: 0.6em 1em 0.6em 0; }
    @media screen and (min-width: 37.5em) {
      article .content .promotion.promotion.left {
        margin-left: 4.375%;
        margin-right: 1.75em;
        padding-left: 0; } }
    @media screen and (min-width: 56.25em) {
      article .content .promotion.promotion.left {
        margin-left: 26.25%;
        padding-left: 0; } }
  article .content .promotion .credit {
    font-style: italic;
    color: #adb9c4; }

.promotion-medium {
  margin-top: 1rem; }

@media screen and (min-width: 37.5em) {
  aside.kindle .group img {
    width: 100%;
    height: inherit;
    margin-bottom: 0.5em; } }
aside.kindle .group p {
  margin-left: 0;
  width: 100%; }

.promotion.interactive-callout {
  width: 100%;
  float: left;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin: 0.75em 0;
  padding-bottom: 2em; }
  @media screen and (min-width: 37.5em) {
    .promotion.interactive-callout {
      width: 38.75%;
      margin-left: 8.75%;
      margin-right: 1.75em;
      padding-bottom: inherit;
      border-bottom: none; } }
  @media screen and (min-width: 56.25em) {
    .promotion.interactive-callout {
      width: 25.625%;
      margin-left: 17.5%; } }
  .promotion.interactive-callout p {
    font-size: 1rem;
    line-height: 1.5;
    font-style: italic;
    margin-left: 0;
    width: 100%;
    color: #adb9c4; }
  .promotion.interactive-callout .dek {
    font-size: 0.875rem;
    line-height: 1.375; }
  article .content .promotion.interactive-callout h3 {
    width: 100%;
    margin: 0.5em 0 1em 0;
    font-size: 1.375em;
    font-weight: 700;
    text-align: left; }
  .promotion.interactive-callout iframe {
    margin-bottom: 1em; }
  .promotion.interactive-callout img {
    width: 100%; }
    @media screen and (min-width: 37.5em) {
      .promotion.interactive-callout img {
        display: block;
        margin-right: 0.5em;
        margin-bottom: 1em; } }
  .promotion.interactive-callout .hat-tip {
    font-size: 0.875rem;
    font-style: italic;
    color: #adb9c4; }

aside.story-callout {
  background-color: white;
  padding-top: 1em;
  font-style: normal; }
  aside.story-callout .group h3 {
    color: #333;
    padding-top: 0.5em;
    margin-bottom: 0.25em;
    font-size: 1.125em; }
  aside.story-callout .group img {
    float: left;
    margin-left: 1em;
    margin-bottom: 1em; }
  aside.story-callout .group a {
    display: block; }

article footer {
  position: relative;
  z-index: 2;
  width: 100%;
  font-size: 0.875em;
  color: #999;
  font-style: italic;
  margin: 2em auto;
  text-align: center;
  padding: 0 0.625%; }
  article footer img {
    width: 75px;
    height: 75px;
    float: left;
    margin-top: 0.25em;
    margin-right: 10px; }
  article footer p {
    width: 100%;
    margin-right: 0;
    margin-left: 0; }

article .author-bio {
  width: 100%;
  font-size: 0.875em;
  color: #999;
  font-style: italic;
  margin: 1em auto 3em auto;
  padding: 0 0.625%;
  text-align: left; }
  @media screen and (min-width: 37.5em) {
    article .author-bio {
      width: 82.5%;
      margin-left: 8.75%; } }
  @media screen and (min-width: 56.25em) {
    article .author-bio {
      width: 65%;
      margin-left: 26.25%; } }
  @media screen and (min-width: 64em) {
    article .author-bio {
      width: 56.25%;
      margin-left: 26.25%; } }
  article .author-bio img {
    width: 75px;
    height: 75px;
    float: left;
    margin-top: 0.25em;
    margin-right: 10px; }
  article .author-bio p {
    width: 100%;
    margin-right: 0;
    margin-left: 0; }

/*- Embedded River Cards -----------------------------------------------------*/
.robot-feature {
  padding: 1rem; }

article .content .robot-feature img:before {
  content: " ";
  display: block;
  width: 3rem;
  height: 3rem;
  background-color: blue;
  border-radius: 50%; }
article .content .robot-feature h3 {
  padding: 0.5rem 0.25rem;
  font-size: 1rem;
  text-transform: uppercase;
  color: white;
  -webkit-font-smoothing: antialiased;
  background-color: #00aeef;
  position: relative;
  z-index: 5000;
  margin-top: -1rem;
  margin-left: 0;
  width: 100%; }
article .content .robot-feature dl {
  display: none; }
article .content .robot-feature p {
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-left: 0;
  padding: 0;
  width: 100%; }
article .content .robot-feature dt, article .content .robot-feature dd {
  line-height: 1.125rem; }
article .content .robot-feature dt {
  font-family: "Knockout 30 A", "Knockout 30 B", Helvetica, Arial, sans-serif;
  text-transform: uppercase; }
article .content .robot-feature dd {
  font-size: 0.875rem;
  font-style: normal; }

/*- Charts, Tables, Maps -----------------------------------------------------*/
.charts,
.tables {
  padding: 1.5em 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc; }
  .charts h4,
  .tables h4 {
    margin-bottom: 0.4em;
    font-size: 1.425rem;
    font-weight: bold; }
  .charts h5,
  .tables h5 {
    margin-top: 0.3125em; }
  .charts p,
  .tables p {
    margin-bottom: 1.25em;
    color: #666; }

.content .charts p,
.content .tables p {
  font-size: 1rem;
  margin-left: 0;
  width: 100%; }

figcaption {
  clear: both; }

.charts .legend {
  display: block;
  margin-top: 1rem; }

/*- Disqus Comments ----------------------------------------------------------*/
#comments {
  margin: 0 1em;
  margin-bottom: 4em; }
  @media screen and (min-width: 37.5em) {
    #comments {
      width: 82.5%;
      margin-left: 8.75%; } }
  @media screen and (min-width: 56.25em) {
    #comments {
      width: 65%;
      margin-left: 26.25%; } }
  @media screen and (min-width: 64em) {
    #comments {
      width: 56.25%;
      margin-left: 26.25%; } }

#disqus_thread {
  color: #303942; }

/*- Main Footer, Promos ------------------------------------------------------*/
footer[role="contentinfo"] nav {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 40px;
  z-index: 1000;
  background-color: white;
  border-top: 1px solid #444; }
  @media screen and (min-width: 48em) {
    footer[role="contentinfo"] nav {
      position: inherit;
      width: inherit;
      height: inherit;
      z-index: inherit;
      background-color: inheirt;
      border: none; } }

footer[role="contentinfo"] nav {
  -webkit-font-smoothing: antialiased;
  font-size: 0.875em; }
  @media screen and (min-width: 48em) {
    footer[role="contentinfo"] nav {
      display: none; } }
  footer[role="contentinfo"] nav ul.main-nav {
    width: 100%;
    display: inline-block;
    list-style: none;
    height: 40px; }
    footer[role="contentinfo"] nav ul.main-nav li {
      display: inline-block; }
    footer[role="contentinfo"] nav ul.main-nav li a {
      display: inline-block;
      margin-left: 0.5em;
      padding-left: 0.5em;
      padding-top: 0.5em;
      text-decoration: none;
      color: #303942;
      opacity: 0.75;
      -webkit-transition: all 0.25s ease;
      -moz-transition: all 0.25s ease;
      transition: all 0.25s ease; }
      footer[role="contentinfo"] nav ul.main-nav li a:hover {
        opacity: 1;
        text-decoration: underline; }
    footer[role="contentinfo"] nav ul.main-nav li.guide {
      float: left;
      margin-left: 5%; }
      footer[role="contentinfo"] nav ul.main-nav li.guide a {
        width: inherit;
        padding-left: 23px;
        background: url("//static.propublica.org/projects/workerscomp/assets/img/nav-sprites.min.svg?20141121T103030") 0 -140px no-repeat; }
        .no-svg footer[role="contentinfo"] nav ul.main-nav li.guide a {
          background: url("//static.propublica.org/projects/workerscomp/assets/img/nav-sprites.png?20141121T103030") 0 -140px no-repeat; }
    footer[role="contentinfo"] nav ul.main-nav li.toc {
      float: right;
      margin-right: 15%; }
      footer[role="contentinfo"] nav ul.main-nav li.toc a {
        width: inherit;
        padding-left: 23px;
        background: url("//static.propublica.org/projects/workerscomp/assets/img/nav-sprites.min.svg?20141121T103030") -2px -237px no-repeat; }
        .no-svg footer[role="contentinfo"] nav ul.main-nav li.toc a {
          background: url("//static.propublica.org/projects/workerscomp/assets/img/nav-sprites.png?20141121T103030") -2px -237px no-repeat; }

.footer-promos {
  margin: 0 1em;
  margin-bottom: 3em;
  padding-top: 1.5em;
  border-top: 1px solid #444;
  text-align: left; }
  @media screen and (min-width: 37.5em) {
    .footer-promos {
      width: 82.5%;
      margin-left: 8.75%; } }
  @media screen and (min-width: 56.25em) {
    .footer-promos {
      width: 65%;
      margin-left: 17.5%; } }
  @media screen and (min-width: 64em) {
    .footer-promos {
      width: 56.25%;
      margin-left: 21.875%; } }
  .footer-promos h3 {
    font-style: italic;
    font-size: 1.5rem; }
    .footer-promos h3 a {
      color: white;
      text-decoration: none; }
      .footer-promos h3 a:hover, .footer-promos h3 a:focus {
        text-decoration: underline; }
  .footer-promos p {
    color: #101316;
    text-align: left;
    font-size: 1rem; }
  .footer-promos label {
    display: none; }
  .footer-promos input {
    width: 100%;
    font-size: 1em;
    font-weight: normal;
    border: 0;
    background-color: #eee;
    padding: 0.5em 0.25em;
    margin-bottom: 0.8em;
    text-align: center; }
    @media screen and (min-width: 37.5em) {
      .footer-promos input {
        width: 80%;
        margin-left: 10%; } }
    @media screen and (min-width: 56.25em) {
      .footer-promos input {
        width: 100%;
        margin-left: 0; } }
  .footer-promos input[type="submit"] {
    display: block;
    font-size: 1em;
    font-weight: normal;
    color: white;
    background-color: #333;
    background-color: #32363b;
    margin-bottom: 1em;
    padding: 0.5em;
    padding-bottom: 0.75em;
    text-decoration: none;
    text-align: center;
    border-radius: 0.25em;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    transition: all 0.15s ease; }
    .footer-promos input[type="submit"]:hover, .footer-promos input[type="submit"]:focus {
      background-color: #249ddc; }
  .footer-promos strong {
    display: none; }
  .footer-promos input[type="checkbox"] {
    float: left;
    width: auto;
    display: inline-block;
    margin-left: 0; }
  .footer-promos input[type="checkbox"] + label {
    display: inline-block; }
  .footer-promos .note {
    font-size: 1rem;
    font-style: italic; }
  .footer-promos .checkbox-group {
    margin-bottom: 0.5em; }
  @media screen and (min-width: 56.25em) {
    .footer-promos .module {
      float: left;
      width: 45%;
      margin-left: 5%; }
      .footer-promos .module:first-child {
        margin-left: 0; } }

.footer-promos .book-club label {
  display: none; }
.footer-promos .book-club input {
  width: 100%;
  font-size: 1em;
  font-weight: normal;
  border: 0;
  background-color: #eee;
  padding: 0.5em 0.25em;
  margin-bottom: 0.8em;
  text-align: center; }
  @media screen and (min-width: 37.5em) {
    .footer-promos .book-club input {
      width: 80%;
      margin-left: 10%; } }
.footer-promos .book-club input[type="submit"] {
  display: block;
  font-size: 1em;
  font-weight: normal;
  color: white;
  background-color: #333;
  background-color: #32363b;
  margin-bottom: 1em;
  padding: 0.5em;
  padding-bottom: 0.75em;
  text-decoration: none;
  text-align: center;
  border-radius: 0.25em;
  -webkit-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  transition: all 0.15s ease; }
  .footer-promos .book-club input[type="submit"]:hover, .footer-promos .book-club input[type="submit"]:focus {
    background-color: #249ddc; }
.footer-promos .book-club strong {
  display: none; }
.footer-promos .book-club input[type="checkbox"] {
  float: left;
  width: auto;
  display: inline-block;
  margin-left: 0; }
.footer-promos .book-club input[type="checkbox"] + label {
  display: inline-block; }
.footer-promos .book-club .note {
  font-size: 1rem;
  font-style: italic; }
.footer-promos .book-club .checkbox-group {
  margin-bottom: 0.5em; }

/*- Teaser Page --------------------------------------------------------------*/
#page-body.teaser {
  background: url("../img/teaser-bgd.jpg") 0 0 no-repeat;
  background-size: contain; }
  #page-body.teaser main {
    padding-top: 40px; }
    @media screen and (min-width: 37.5em) {
      #page-body.teaser main {
        padding-top: 80px; } }
  #page-body.teaser main a {
    color: white; }
  #page-body.teaser .video-wrapper {
    margin-bottom: 1em; }
    @media screen and (min-width: 37.5em) {
      #page-body.teaser .video-wrapper {
        width: 91.25%;
        margin-left: 4.375%; } }
    @media screen and (min-width: 56.25em) {
      #page-body.teaser .video-wrapper {
        margin-bottom: 1.5em;
        width: 73.75%;
        margin-left: 13.125%; } }
  #page-body.teaser .content p,
  #page-body.teaser .content form {
    font-size: 1rem; }
    @media screen and (min-width: 56.25em) {
      #page-body.teaser .content p,
      #page-body.teaser .content form {
        width: 47.5%;
        margin-left: 26.25%; } }
  @media screen and (min-width: 37.5em) {
    #page-body.teaser .content p:first-of-type {
      font-size: 1.125rem; } }

.teaser #mc-embedded-subscribe-form {
  margin-top: 1em; }
  .teaser #mc-embedded-subscribe-form .hidden {
    display: none; }
  .teaser #mc-embedded-subscribe-form label,
  .teaser #mc-embedded-subscribe-form strong {
    display: block;
    margin-bottom: 0.75em;
    color: #999; }
    @media screen and (min-width: 37.5em) {
      .teaser #mc-embedded-subscribe-form label,
      .teaser #mc-embedded-subscribe-form strong {
        font-size: 0.9375rem; } }
  .teaser #mc-embedded-subscribe-form label + input {
    display: block;
    margin-bottom: 1em;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    transition: all 0.25s ease; }
  .teaser #mc-embedded-subscribe-form input[type="text"],
  .teaser #mc-embedded-subscribe-form input[type="email"] {
    border: 0;
    border: 1px solid #999;
    width: 100%;
    padding: 0.5em;
    font-size: 1rem;
    font-family: "Sentinel A", "Sentinel B", Georgia, "Times New Roman", Times, serif; }
    .teaser #mc-embedded-subscribe-form input[type="text"]:focus,
    .teaser #mc-embedded-subscribe-form input[type="email"]:focus {
      border: 1px solid #249ddc;
      box-shadow: #249ddc 0 0 3px; }
  .teaser #mc-embedded-subscribe-form .input-group strong {
    margin-top: 1.75em;
    margin-bottom: 0.25em; }
  .teaser #mc-embedded-subscribe-form input[type="checkbox"],
  .teaser #mc-embedded-subscribe-form input[type="checkbox"] + label {
    display: inline; }
  .teaser #mc-embedded-subscribe-form input[type="submit"] {
    border: 0;
    display: block;
    width: 100%;
    margin: 1em 0 5em 0;
    padding: 0.45em 1em 0.65em 1em;
    font-size: 1rem;
    font-family: "Sentinel A", "Sentinel B", Georgia, "Times New Roman", Times, serif;
    color: white;
    border-radius: 0.25em;
    background-color: #1c7eb1;
    cursor: pointer;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    transition: all 0.25s ease; }
    .teaser #mc-embedded-subscribe-form input[type="submit"]:hover, .teaser #mc-embedded-subscribe-form input[type="submit"]:focus {
      background-color: #196f9b; }

/*- Slideshow ----------------------------------------------------------------*/
#page-body.slideshow {
  background: #222;
  color: white;
  -webkit-font-smoothing: antialiased; }
  #page-body.slideshow article .content figure {
    margin-bottom: 1.5em; }
    #page-body.slideshow article .content figure.diptych, #page-body.slideshow article .content figure.triptych {
      margin-bottom: 1.5em; }
      #page-body.slideshow article .content figure.diptych:after, #page-body.slideshow article .content figure.triptych:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden; }
    #page-body.slideshow article .content figure.diptych + #page-body.slideshow article .content figure {
      outline: 2px dashed red; }
    #page-body.slideshow article .content figure.diptych img {
      width: 50%;
      float: left; }
    #page-body.slideshow article .content figure.triptych img {
      width: 33%;
      float: left; }

.slideshow article header {
  display: inline-block;
  position: relative;
  margin-bottom: 1em;
  width: 100%; }
  @media screen and (min-width: 48em) {
    .slideshow article header {
      margin-bottom: 2em; } }
  .slideshow article header figure img, .slideshow article header figure video {
    width: 100%;
    display: block; }
  .slideshow article header figure .lede-img-wrapper {
    overflow: hidden; }
  .slideshow article header figure figcaption {
    position: relative;
    z-index: 110;
    float: right;
    margin: -2em 1em 0 1em;
    font-size: 0.75em;
    color: #ccc;
    -webkit-font-smoothing: antialiased;
    text-shadow: 0 1px 1px #000; }
    @media screen and (min-width: 48em) {
      .slideshow article header figure figcaption {
        position: static;
        margin-top: 0.75em;
        color: #999;
        text-shadow: none; } }
  @media screen and (min-width: 48em) {
    .slideshow article header .title-set {
      position: absolute;
      top: 3em;
      width: 100%; } }
  @media screen and (min-width: 75em) {
    .slideshow article header .title-set {
      top: 7em; } }
  .slideshow article header .titles {
    margin: 0 1em 0.25em 1em;
    border-bottom: 1px solid #e7e8e9;
    padding-bottom: 2em; }
    @media screen and (min-width: 37.5em) {
      .slideshow article header .titles {
        width: 82.5%;
        margin: 2em 8.75%; } }
    @media screen and (min-width: 48em) {
      .slideshow article header .titles {
        border-bottom: none;
        padding-bottom: inherit; } }
    @media screen and (min-width: 56.25em) {
      .slideshow article header .titles {
        width: 65%;
        margin: 3em 17.5%; } }
    @media screen and (min-width: 64em) {
      .slideshow article header .titles {
        width: 56.25%;
        margin: 3.25em 21.875%; } }
  .slideshow article header .titles {
    text-align: center; }
    .slideshow article header .titles h1 {
      font-size: 2rem;
      margin-bottom: 0.125em; }
      @media screen and (min-width: 37.5em) {
        .slideshow article header .titles h1 {
          font-size: 3rem; } }
      @media screen and (min-width: 75em) {
        .slideshow article header .titles h1 {
          font-size: 4rem; } }
    .slideshow article header .titles h2 {
      font-size: 1.2rem;
      font-weight: normal;
      margin-bottom: 0.5em;
      display: none; }
      @media screen and (min-width: 37.5em) {
        .slideshow article header .titles h2 {
          font-size: 1.4rem; } }
    .slideshow article header .titles h2 + h3 {
      margin-bottom: 1em; }
    .slideshow article header .titles h3 {
      font-size: 3em;
      font-weight: bold; }
    .slideshow article header .titles .byline {
      font-style: italic; }
    .slideshow article header .titles .dateline {
      display: block;
      margin-top: 0.25em; }
    .slideshow article header .titles .strap {
      color: white;
      margin-bottom: 0.25em; }
      @media screen and (min-width: 48em) {
        .slideshow article header .titles .strap {
          display: none; } }
    .slideshow article header .titles .strap a {
      color: white;
      text-decoration: none; }
  @media screen and (min-width: 48em) {
    .slideshow article header .titles h1, .slideshow article header .titles h2, .slideshow article header .titles h3, .slideshow article header .titles .byline, .slideshow article header .titles .dateline, .slideshow article header .titles .strap {
      color: white;
      -webkit-font-smoothing: antialiased; } }

#page-body.slideshow #disqus_thread {
  color: #ccc; }

/*- Vignettes-style Story ----------------------------------------------------*/
#page-body.vignettes {
  background: black;
  color: white;
  -webkit-font-smoothing: antialiased; }
  #page-body.vignettes article .content figure {
    margin-bottom: 1.5em; }
    #page-body.vignettes article .content figure.diptych, #page-body.vignettes article .content figure.triptych {
      margin-bottom: 1.5em; }
      #page-body.vignettes article .content figure.diptych:after, #page-body.vignettes article .content figure.triptych:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden; }
    #page-body.vignettes article .content figure.diptych + #page-body.vignettes article .content figure {
      outline: 2px dashed red; }
    #page-body.vignettes article .content figure.diptych img {
      width: 50%;
      float: left; }
    #page-body.vignettes article .content figure.triptych img {
      width: 33%;
      float: left; }

#page-body.vignettes article header {
  display: inline-block;
  position: relative;
  margin-bottom: 1em;
  width: 100%; }
  @media screen and (min-width: 48em) {
    #page-body.vignettes article header {
      margin-bottom: 2em; } }
  #page-body.vignettes article header figure img, #page-body.vignettes article header figure video {
    width: 100%;
    display: none; }
    @media screen and (min-width: 37.5em) {
      #page-body.vignettes article header figure img, #page-body.vignettes article header figure video {
        display: block; } }
  #page-body.vignettes article header figure .lede-img-wrapper {
    overflow: hidden; }
  #page-body.vignettes article header figure figcaption {
    position: relative;
    z-index: 110;
    float: right;
    margin: 0 1em;
    font-size: 0.8125em;
    color: #999;
    display: none; }
    @media screen and (min-width: 37.5em) {
      #page-body.vignettes article header figure figcaption {
        display: block; } }
    @media screen and (min-width: 48em) {
      #page-body.vignettes article header figure figcaption {
        margin-top: -3em; } }
  #page-body.vignettes article header .title-set {
    margin-top: 5em; }
    @media screen and (min-width: 37.5em) {
      #page-body.vignettes article header .title-set {
        position: absolute;
        top: 5vh;
        width: 60%; } }
    @media screen and (min-width: 48em) {
      #page-body.vignettes article header .title-set {
        top: 15vh; } }
    @media screen and (min-width: 56.25em) {
      #page-body.vignettes article header .title-set {
        top: 20vh; } }
  #page-body.vignettes article header .titles {
    margin: 0 1em;
    border-bottom: 0;
    text-align: left; }
    @media screen and (min-width: 37.5em) {
      #page-body.vignettes article header .titles {
        margin: 2em 8.75%; } }
    @media screen and (min-width: 48em) {
      #page-body.vignettes article header .titles {
        border-bottom: none;
        padding-bottom: inherit; } }
    @media screen and (min-width: 56.25em) {
      #page-body.vignettes article header .titles {
        margin-left: 17.5%; } }
  #page-body.vignettes article header .titles h1 {
    width: 75%;
    font-size: 2rem;
    margin-bottom: 0.125em; }
    @media screen and (min-width: 48em) {
      #page-body.vignettes article header .titles h1 {
        font-size: 5vw; } }
  #page-body.vignettes article header .titles h2 {
    width: 75%;
    color: #999;
    font-size: 1.2rem;
    font-weight: normal;
    margin-bottom: 0.5em; }
    @media screen and (min-width: 48em) {
      #page-body.vignettes article header .titles h2 {
        font-size: 2vw; } }
  #page-body.vignettes article header .titles h2 + h3 {
    margin-bottom: 1em; }
  #page-body.vignettes article header .titles h3 {
    font-size: 3em;
    font-weight: bold; }
  #page-body.vignettes article header .titles .byline,
  #page-body.vignettes article header .titles .co-byline {
    display: block;
    color: #999;
    font-style: italic;
    line-height: 1.25em;
    margin-bottom: 0.25em; }
  #page-body.vignettes article header .titles .co-byline {
    margin-bottom: 1em; }
  #page-body.vignettes article header .titles .dateline {
    color: #999;
    display: block;
    margin-top: 0.5em; }
  #page-body.vignettes article header .titles .strap {
    color: white;
    margin-bottom: 0.25em; }
    @media screen and (min-width: 48em) {
      #page-body.vignettes article header .titles .strap {
        display: none; } }
  #page-body.vignettes article header .titles .strap a {
    color: white;
    text-decoration: none; }

#page-body.vignettes .content hr {
  background: #333; }
#page-body.vignettes .content h2 {
  font-size: 1.5rem;
  color: white; }
  @media screen and (min-width: 50em) {
    #page-body.vignettes .content h2 {
      font-size: 2rem; } }
#page-body.vignettes .content figure .credit {
  color: #666; }
#page-body.vignettes .content figure figcaption {
  color: #ccc;
  font-size: 0.9375rem; }
#page-body.vignettes .content figure.map figcaption a {
  text-decoration: none; }
#page-body.vignettes .content figure.map .credit {
  display: block;
  margin-top: 0.25em;
  font-size: 0.875rem; }
#page-body.vignettes .content figure.medium figcaption {
  margin-bottom: 2em; }
#page-body.vignettes .content .promotion {
  color: #999;
  padding: 0.25em 0.5em 0 0.5em;
  border-top: 1px solid #333;
  border-top: 0; }
#page-body.vignettes .content .promotion .group p {
  font-size: 0.9375em;
  line-height: 1.5rem; }
#page-body.vignettes .content .promotion h3 {
  color: white;
  margin-top: 1em; }

#page-body.vignettes figure.map .primary:after,
#page-body.vignettes figure.map .secondary:after {
  content: ' ';
  width: 0.75em;
  height: 0.75em;
  display: inline-block;
  border-radius: 50%;
  margin: 0 0.25em; }

#page-body.vignettes figure.map .primary:after {
  background-color: #a9c490; }

#page-body.vignettes figure.map .secondary:after {
  background-color: #67bdd2; }

#page-body.vignettes #disqus_thread {
  color: #ccc; }

/*- Print --------------------------------------------------------------------*/
@media print {
  color: black;
  header[role="banner"] nav {
    display: none; } }
.print header[role="banner"] nav li.guide {
  display: none; }
.print footer[role="contentinfo"] nav {
  display: none; }
.print article .content h1 {
  font-size: 3em; }

#page-body.print article .content {
  position: static;
  margin-top: 5em; }
  @media screen and (min-width: 37.5em) {
    #page-body.print article .content {
      margin-top: 5em; } }
  @media screen and (min-width: 48em) {
    #page-body.print article .content {
      margin-top: 5em; } }
  @media screen and (min-width: 50em) {
    #page-body.print article .content {
      margin-top: 5em; } }
  @media screen and (min-width: 56.25em) {
    #page-body.print article .content {
      margin-top: 5em; } }
  @media screen and (min-width: 64em) {
    #page-body.print article .content {
      margin-top: 5em; } }
  @media screen and (min-width: 75em) {
    #page-body.print article .content {
      margin-top: 5em; } }

/*- Factoids Page ------------------------------------------------------------*/
.factoids {
  background-color: #303942; }

.factoids article header .title-set {
  color: white;
  -webkit-font-smoothing: antialiased; }
  @media screen and (min-width: 37.5em) {
    .factoids article header .title-set {
      margin-top: 5.5rem; } }
  @media screen and (min-width: 56.25em) {
    .factoids article header .title-set {
      margin-top: 4rem;
      margin-bottom: 2rem; } }
  .factoids article header .title-set h1 {
    font-family: "Whitney SSm A", "Whitney SSm B", Helvetica, arial, sans-serif;
    font-size: 1.25rem;
    white-space: normal;
    overflow: inherit;
    background: none;
    text-indent: inherit;
    padding-bottom: inherit; }
    @media screen and (min-width: 37.5em) {
      .factoids article header .title-set h1 {
        width: 86.875%;
        margin-left: 4.375%;
        padding-bottom: inherit;
        font-size: 1.5rem; } }
    @media screen and (min-width: 56.25em) {
      .factoids article header .title-set h1 {
        width: 60.625%;
        margin-left: 26.25%;
        padding-bottom: inherit;
        font-size: 1.75rem; } }
    @media screen and (min-width: 64em) {
      .factoids article header .title-set h1 {
        width: 51.875%;
        margin-left: 26.25%;
        padding-bottom: inherit; } }
  .factoids article header .title-set h2, .factoids article header .title-set p {
    font-family: "Sentinel A", "Sentinel B", Georgia, "Times New Roman", Times, serif;
    font-size: 1rem;
    line-height: 1.25rem; }
    @media screen and (min-width: 37.5em) {
      .factoids article header .title-set h2, .factoids article header .title-set p {
        width: 86.875%;
        margin-left: 4.375%; } }
    @media screen and (min-width: 56.25em) {
      .factoids article header .title-set h2, .factoids article header .title-set p {
        width: 60.625%;
        margin-left: 26.25%; } }
    @media screen and (min-width: 64em) {
      .factoids article header .title-set h2, .factoids article header .title-set p {
        width: 51.875%;
        margin-left: 26.25%; } }

.factoids article .wrapper {
  max-width: none; }

.factoids article .content {
  margin: 1rem;
  padding-top: 0; }
  @media screen and (min-width: 56.25em) {
    .factoids article .content {
      width: 82.5%;
      margin-left: 26.25%;
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -moz-box-orient: horizontal;
      box-orient: horizontal;
      -webkit-box-direction: normal;
      -moz-box-direction: normal;
      box-direction: normal;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      flex-direction: row;
      -ms-flex-direction: row;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      box-lines: multiple;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
  .factoids article .content > h2 {
    color: white;
    font-family: "Whitney SSm A", "Whitney SSm B", Helvetica, arial, sans-serif;
    font-size: 1.25rem;
    -webkit-font-smoothing: antialiased; }
    @media screen and (min-width: 37.5em) {
      .factoids article .content > h2 {
        width: 86.875%;
        margin-left: 4.375%; } }
    @media screen and (min-width: 56.25em) {
      .factoids article .content > h2 {
        width: 60.625%;
        margin-left: 26.25%; } }
    @media screen and (min-width: 64em) {
      .factoids article .content > h2 {
        width: 82.5%;
        margin-left: 0; } }

.factoids article figure {
  position: relative;
  padding: 0 0 1rem 0;
  margin-bottom: 0.25rem;
  background-color: white;
  box-shadow: #07202d 0 1px 3px; }
  @media screen and (min-width: 56.25em) {
    .factoids article figure {
      width: 25.625%;
      margin: 1rem 0.625%; } }
  .factoids article figure img {
    display: block;
    margin-bottom: 0.5rem; }
  .factoids article figure img.wide {
    display: none; }
  .factoids article figure h4, .factoids article figure h3, .factoids article figure p {
    margin: 0;
    width: 100%; }
  .factoids article figure h4 {
    color: white;
    text-transform: uppercase;
    font-size: 1rem;
    letter-spacing: 0.03125em;
    padding: 0.25rem; }
  .factoids article figure.problem h4 {
    background-color: #ce4646; }
  .factoids article figure.solution h4 {
    background-color: #4aa5e2; }
  .factoids article figure.resource h4 {
    background-color: #72b53e; }
  .factoids article figure .wrapper {
    padding: 1rem; }
  .factoids article figure h3 {
    font-size: 1.75rem;
    margin-bottom: 1rem;
    color: #333; }
  .factoids article figure p {
    display: none; }
  .factoids article figure .more-info-toggle {
    display: block;
    font-family: "Whitney SSm A", "Whitney SSm B", Helvetica, arial, sans-serif;
    font-size: 0.875rem;
    text-decoration: none; }
  .factoids article figure .sharing-tools {
    position: absolute;
    bottom: 0.5rem;
    right: 0.5rem; }

.factoids article .factoid-card-modal {
  display: none;
  position: fixed;
  z-index: 5000;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow: auto;
  background: rgba(0, 0, 0, 0.9);
  padding-top: 5vh;
  color: white;
  -webkit-font-smoothing: antialiased; }
  .factoids article .factoid-card-modal h3, .factoids article .factoid-card-modal h4, .factoids article .factoid-card-modal p {
    margin-left: 0;
    width: 100%; }
  .factoids article .factoid-card-modal .wrapper {
    width: 50%; }
  .factoids article .factoid-card-modal h3 {
    color: white;
    font-size: 2.25rem;
    margin-top: 0; }
  .factoids article .factoid-card-modal h4 {
    color: white;
    text-transform: uppercase;
    font-size: 1.25rem;
    letter-spacing: 0.03125em;
    padding: 0; }
  .factoids article .factoid-card-modal.problem h4 {
    color: #ce4646; }
  .factoids article .factoid-card-modal.solution h4 {
    color: #4aa5e2; }
  .factoids article .factoid-card-modal.resource h4 {
    color: #72b53e; }
  .factoids article .factoid-card-modal .more-info-toggle {
    display: none; }
  .factoids article .factoid-card-modal p {
    color: #ccc; }
  .factoids article .factoid-card-modal img {
    float: left;
    max-width: 40%;
    background: #fff;
    margin: 0.5rem 1rem 1rem auto;
    padding: 0.5rem; }
  .factoids article .factoid-card-modal img.wide {
    max-width: 100%;
    float: none; }
  .factoids article .factoid-card-modal img.nav-img {
    background: transparent; }
  .factoids article .factoid-card-modal .sharing-tools {
    margin-bottom: 0.75rem; }
  .factoids article .factoid-card-modal .index {
    font-family: "Whitney SSm A", "Whitney SSm B", Helvetica, arial, sans-serif;
    font-size: 0.75rem;
    color: #999; }

.factoid-card-modal-close {
  position: fixed;
  top: 2vh;
  right: 2vw; }

.factoid-card-modal-back {
  position: fixed;
  top: 50vh;
  left: 5vw; }

.factoid-card-modal-next {
  position: fixed;
  top: 50vh;
  right: 5vw; }

#sources p {
  width: 100%;
  -webkit-font-smoothing: antialiased;
  color: #fff;
  font-family: "Sentinel A", "Sentinel B", Georgia, "Times New Roman", Times, serif;
  font-size: 0.75rem;
  line-height: 1rem;
  margin-left: 0;
  width: 86.875%; }