/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *


 */


html,body {
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html, body {
  width:100%;
  height:100%;
  background:#fff;
  -moz-osx-font-smoothing: grayscale;
}

a { cursor:pointer; }

#map.frontpage_map {
  position:relative;
  width:100%;
  height:450px;
  border-bottom:1px solid #cecece;
  margin-bottom:20px;
}
/* banner */

.flex-banner-boyermap {
  overflow:auto;
  position:relative;
  z-index:3;
  background: #fff;
}

.flex-banner-boyermap.slim {
  padding-bottom:8px;
}


.flex-banner-boyermap .flex-banner-top {
  background: #fff;
  position:relative;
}

#banner-logo {
  margin: 0 auto;
}

#banner-logo a {
  background: url("https://static.propublica.org/assets/propublica-logo.min.svg") no-repeat scroll 0 -7px transparent;
  background-size: contain;
  width: 80px;
  border-right: 1px solid #333;
  padding-right: 15px;
  float: left;
  width: 76px;
  height: 44px;
  margin-bottom: 3px;
  opacity: .8;
  margin-left: 12px;
}

#banner-logo #banner-logo-lens {
  background: url("https://static.propublica.org/rails/assets/louisiana/thelens-logo-79688be23c509e60210188639d1d1d1d8c4f4c36895f939bcace8d2cd2eefa7a.png") no-repeat scroll 0 0 transparent;
  background-size: contain;
  border-right:none;
  margin:9px 15px 0 10px;
  width: 75px;
  height: 32px;

}


a:hover {
  text-decoration:underline;
}

#banner-identity {
  z-index: 999;
  position:relative;
  float:none !important;
  margin: 0 0 0 10px;
  overflow:auto;
  padding:0;
  width: auto;
}

#banner-identity p {
  float:none;
}

/* floater */

#banner-top-floater {
  position: absolute;
  z-index: 9999;
  width: 100%;
  height: 42px;
  overflow:hidden;
  background: #000;
  box-shadow: 0 0 5px 3px rgba(0,0,0,.3);
  top: 0;
}

.areas-banner-list {
  font-family:'Whitney SSm A', 'Whitney SSm B', Helvetica, arial, sans-serif;
  font-size:12px;
  font-weight:600;
  float:right;
  margin-right: 15px;
}
#banner-identity p#banner-title a.area-banner-list-item {
    color:#999;
}
#banner-identity p#banner-title a.area-banner-list-item.area-banner-list-item-active {
    color:#fff;
}
#banner-identity p#banner-title a.area-banner-list-item:hover {
  text-decoration:none;
  color:#fff;
}

/* banner options */

#flex-banner-map-options {
  clear: left;
  position:relative;
  margin-left:250px;
  margin-top:10px;
  z-index:999999;
}

#flex-banner-map-tools {
  float:right;
  margin-right:30px;
  margin-top:5px;
}

#banner-identity p#banner-title {
  /* only show when not in overview */
  display:none;

  text-indent: 0;
  font-family: "adelle","Georgia",serif;
  font-size: 20px;
  margin-top: 5px;
  margin-left:15px;
  line-height: 30px;
}
#banner-identity p#banner-title a {
  color:#fff;
}
#banner-identity #banner-share {
  display: inline-block;
  position: fixed;
  top: 0.75em;
  right: 0.25em;
  list-style: none;
}
#banner-identity #banner-share li {
  width:30px;
  height: 30px;
  margin-right: 1em;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
}
#banner-identity #banner-share li a{
  height: 30px;
  width: 30px;
  display: inline-block;
  text-decoration: none;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  opacity: 0.75;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

#banner-identity #banner-share li.comment {
  border: none
}

#banner-identity #banner-share .facebook a{background:url("https://www.propublica.org/static/design/projects/freedom-summer/img/sprites-smaller.min.svg") 0 0 no-repeat}
.no-svg nav .facebook a{background:url("https://www.propublica.org/static/design/projects/freedom-summer/img/sprites-smaller.png") 0 0 no-repeat}
#banner-identity #banner-share .facebook a:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
#banner-identity #banner-share .twitter a{background:url("https://www.propublica.org/static/design/projects/freedom-summer/img/sprites-smaller.min.svg") 0 -50px no-repeat}
.no-svg nav .twitter a{background:url("https://www.propublica.org/static/design/projects/freedom-summer/img/sprites-smaller.png") 0 -50px no-repeat}
#banner-identity #banner-share .twitter a:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
#banner-identity #banner-share .comment a{background:url("https://www.propublica.org/static/design/projects/freedom-summer/img/sprites-smaller.min.svg") 0 -100px no-repeat}
.no-svg nav .comment a{background:url("https://www.propublica.org/static/design/projects/freedom-summer/img/sprites-smaller.png") 0 -100px no-repeat}
#banner-identity #banner-share .comment a:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}


#banner-identity #banner-share li.donate {
  width: 60px;
  height: 30px;
  margin-right: 0;
  overflow: visible;
}
#banner-top-floater, #banner-identity { overflow: visible }
/*#banner-top-floater { z-index: 99999999 }
*/#banner-identity #banner-share li.donate a#donate_menu {
cursor: pointer;
margin-bottom: 6px;
color: #222;
background: #ccc;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
height: 8px;
line-height: 8px;
width: 45px;
padding: 0.75em;
border-radius: 0.25em;
text-indent: 0;
font-family: "adelle",Georgia,serif;
}
#banner-identity #banner-share li.donate a#donate_menu:hover{
  background: #fff;
}

#banner-identity #banner-share li.donate-button {
  width: auto;
}
#banner-identity #banner-share li.donate-button a {
color: #222;
background: #ccc;
font-size: 10px !important;
font-weight: bold;
text-transform: uppercase;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
height: 10px;
line-height: 8px;
width: auto;
padding: .9em 0.75em 0.6em 0.75em;
border-radius: 0.25em;
text-indent: 0;
font-family: "adelle","Georgia",serif;
    transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    opacity: .75;
}

#banner-identity #banner-share li.donate-button a:hover {
  opacity: 1;
}

#banner-identity #banner-share li.donate ul {
  display: none;
  margin-top: 1px;
	position: fixed;
  margin-left: -40px;
}
#banner-identity #banner-share li.donate:hover ul {
	display: block;
}
	#banner-identity #banner-share li.donate ul li {
		display: block;
		padding-bottom: 0;
    width: 100px;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 0;
    height: 26px;
  }
	#banner-identity #banner-share li.donate ul li a {
    cursor: pointer;
		display: block;
		text-transform: uppercase;
		border-bottom-right-radius: 0.25em;
		border-bottom-left-radius: 0.25em;
		color: white;
		background: transparent;
		opacity: 0.95;
    transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    font-size: 9px;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
    height: 8px;
    text-indent: 4px;
    padding: 8px;
    width: 84px;
    text-align: center;
    background-color: rgba(20,20,20,0.9);
    color: #ccc;
    border-radius: 0.5em;
  }
	#banner-identity #banner-share li.donate ul li a:hover {
    opacity: 1;
    color: #fff;
  }





.flex-banner-map-tools-btn {
  background: url("/images/embed/gears-16.png") no-repeat scroll 8% 50% #EBEBEB;
  padding: 8px 8px 8px 25px;
  font-size:11px;
  font-family:"Helvetica Neue",arial,sans-serif;
  text-transform:uppercase;
  border-radius: 4px;
  border:1px solid #CCCCCC;
  cursor:pointer;
  -webkit-box-shadow: #CECECE 0 0 2px;
  -moz-box-shadow: #CECECE 0 0 2px;
  float: right;
  position: relative;
  bottom: -1px;
  z-index:9999999;

  user-select: none;
  -webkit-transition: background-color 0.2s;
}

.flex-banner-map-tools-btn:hover {
  background-color:#DEDEDE;
}

.flex-banner-map-tools-btn.active {
  background-color:#cecece;
}

#map-tools-box {
  opacity: 0;
  filter:alpha(opacity=0);
  position:absolute;
  right: 0;
  padding: 20px 8px 15px;
  margin-top:16px;
  width:155px;
  background:#FAFAFA;
  border:1px solid #cecece;
  z-index:99999;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  font-family:"Helvetica Neue",arial-sans-serif;
  text-transform:uppercase;
  font-size:11px;
  -webkit-transition: opacity 0.3s linear;
}

#map-tools-box.active {
  opacity:1;
  filter:alpha(opacity=100);
}

#map-tools-box table {
  width:100%;
}

#map-tools-box table thead tr td {
  border-bottom:1px solid #999;
  font-size:8px;
  text-align:left;
  font-weight:bold;
}

#map-tools-box table tr td {
  border-bottom:1px solid #cecece;
  padding:5px 0 5px 0;
}

#map-tools-box table tr td.radio {
  width:16px;
}

#map-tools-box table tr td.radio-wide {
  width:18px;
}

#map-tools-box table tr td.tool-text {
  padding-left:5px;
}

.map-tools-label {
  font-family:"Helvetica Neue",arial-sans-serif;
  text-transform:uppercase;
  border-bottom:1px solid #999;
  font-size:11px;
  text-align:left;
  font-weight:bold;
  padding-bottom:3px;
}

.flex-banner-map-option {
  float:left;
  position:relative;
  background:#ebebeb;
  padding:8px;
  border:1px solid #CCC;
  font-family:"Helvetica Neue",arial-sans-serif;
  text-transform:uppercase;
  font-size:11px;
  cursor:pointer;
  margin-right: 1px;
  position:relative;
  z-index:999999;
  box-shadow: #CECECE 0 0 2px;
}

.flex-banner-map-option:hover, .flex-banner-map-option.active {
  background:#fff;
}

/* explainer */
#flex-banner-top-title {
  margin-right: 100px;
  margin-left:250px;
  width:590px;
}

#flex-banner-top-title h1 {
  font-family: "adelle","Georgia",serif;
  font-size:28px;
  float:none;
}

#flex-banner-top-title p {
  font-family: "Helvetica Neue",arial,sans-serif;
  font-size:13px;
  line-height:16px;
}

#flex-banner-top-title p a {
  color:#2262CC;
}
#flex-banner-top-title p.byline {
  font-family:Georgia,serif;
  font-size:12px;
  margin-bottom:5px;
}

.guff_about {
  display:none;
}

#area-nav a, #area-overview .user-test {
  border: 1px solid #888;
  border-radius: 3px;
  padding: 5px 11px;
  font-family: "adelle",Georgia,serif;
  color: #444;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  background: rgba(255,255,255,0.8);
}

#area-overview .user-test  {height:auto;}

#area-overview .user-test p {
  padding: 10px;
margin-top: 0;
}

#area-nav a:hover,  .user-test:hover {
  background: rgba(255,255,255,1);
  text-decoration: none
}
#area-nav a.disabled,
#area-nav.disabled a {opacity:.3;}

#area-nav #interest-detail-home-cluster {
  float:left;
  padding:10px 0px;
}
#area-nav #interest-detail-prev-next-cluster {
  float:right;
}

#area-overview .end-credits-text {
display: inline-block;
color: #cecece;
margin: 30px;
padding-right: 10px;
font-size: 12px;
line-height: 1.4em;
font-style: italic;
}

#area-overview #area-details .end-credits-text {
margin:30px 0px 0px 0px;
padding-top:20px;
border-top:1px solid #444
}

#area-overview .end-credits-text p {
font-size: 16px;
line-height: 1.4em;
margin-bottom: 10px;
}

@media screen and (max-width: 601px) {

  body {
    overflow: auto;
    height:auto;
  }

  path.interest-rect {
    stroke-width: 2px !important;
    opacity: .5 !important;
  }
  #interest-detail-prev-next-cluster .location-dropdown-button ul {
    margin: 10px 0px 0px 0px;
    font-size: 12px;
    width: 150px;
  }
  #overview-nav-wrap #slide-next {
    border-width: 10px 0 10px 20px !important;
  }

  #overview-nav-wrap #slide-prev {
    border-width: 10px 20px 10px 0 !important;
  }

  #overview-wrap.intro #overview-content-wrap h1 {
    font-size: 32px !important;
    margin-bottom: 3px !important;
    margin-top: 10px !important;
  }

  #overview-wrap.map-near #overview {
    top:70px !important;
  }

  #overview-map-wrap, #overview-wrap {
    width: 100% !important;
    height: 630px !important;
    background: rgba(0, 0 ,0 , 0.8);
  }

  #overview-wrap.map-near {
    height:370px !important;
  }

  #overview-map-wrap {
  }

  #overview-wrap #overview {
    height:300px;
  }

  #overview-wrap.map-near #overview-map-wrap {
    overflow:hidden;
  }
  #overview-content {
    width: auto !important;
  }
  .with-sidebar #map-sources {width: auto !important; right: auto !important;}
  #map-sources {left: 20px !important; right: auto !important: width: auto !important; text-align:left !important;}
  #map-sources #map-source-content {text-align: left;}

  .area-timeline {
    width:100% !important;
  }

  #locator_map_container {
    display:none;
  }
  .area-timeline-wrap {
    left:0 !important;
    height:50px !important;
    top:0 !important;
    background: rgba(0, 0 ,0 , 1) !important;
  }
  .area-timeline .TS-notchbar_container {
    height:56px !important;
  }

  #banner-title {
      display:none !important;
  }

  #overview-wrap {
      position: relative !important;
  }
  #area-overview {
      position:relative !important;
      width:100% !important;
      max-width:100% !important;
      left:0;
      top:auto !important;
      overflow-x:hidden !important;
      overflow-y:hidden !important;
      overflow:hidden !important;
      z-index:1 !important;
  }
  #overview-wrap.map-near + #area-overview {
/*    padding-top:50px;
*/  }

  #overview-wrap.intro #overview-content.initial p {
    display:none;
  }

  #overview-content-wrap {
    top: 300px !important;
    padding:10px !important;
  }

  #overview-content-wrap #button-start {
    font-size:12px !important;
     margin-top:0 !important;
  }

  #overview-wrap.intro #overview-content-wrap h1 {
    font-size:30px !important;
  }

  #overview-wrap.intro #overview-content-wrap h2 {
    font-size: 12px !important  ;
  }

  #overview-content-wrap h1 {margin-top: 10px !important; margin-bottom: 7px !important; font-size: 26px !important;}



  #overview-nav-wrap {
    right:0 !important;
    height:40px !important;
  }
  #overview-nav {
    display:none !important;
  }
  #overview-nav-wrap .slide-toggle {
    margin: 10px 0 0 0 !important;
  }
  #mobile-overview-nav-guff {
    display:inline-block !important;
    color:#fff;
    margin:10px 10px 0 10px;
    font-family:'Whitney SSm A', 'Whitney SSm B', Helvetica, arial, sans-serif;
    font-size:12px;
    font-weight:bold;

  }
  .overview-explainer {
  }
  .overview-explainer h2.first-title {font-size: 25px !important;}

.overview-explainer p.first {
  font-size: 21px !important;
  margin-bottom: 20px !important;
  line-height: 26px !important;
}

  #area-nav {
    position:absolute !important;
    width:100% !important;
    top:40px;
    z-index: 9999999
  }
  .leaflet-custom-popup {
    font-size: 9px !important
  }
  .area-timeline .TS-notchbar_container {
    left: -20px !important;
    right:5px !important;
  }
  #timeline-graph-labels {
    margin-top:59px !important;
    margin-left:-3px !important;
    background:#000;
    width:62px !important;
  }
  .timeline-swatch label::before {
  }
  .timeline-swatch label {
    margin: 3px !important;
    font-size: 9px !important;
    display: inline-block !important;
    text-transform:uppercase !important;
    text-align:left !important;
  }
  #timeline-year-readout {
    font-size: 20px !important;
    margin: 3px 0 5px 8px !important;
    float:left !important;
  }
  .area-timeline-wrap {
    width:100% !important;
  }
  .timeline-swatch label {
    font-size: 10px;
    font-weight:800;
    margin-left: 7px !important;
  }
  #area-details {
    padding-top:20px !important;
  }
  .historic-true {
    display:none !important;
  }
  #timeline-instrux-lockup {
    width: 100px !important;
    top: 40px !important;
    left: -100px !important;
  }
  #timeline-instrux-lockup div {
    display:none;
  }
  ul.area_annotation_labels li, .audio-container {
    width:100% !important;
  }
  #area-details p img {
    width:100% !important;
  }
  ul.area_annotation_labels img {
    max-width:280px;
  }
  #timeline-y-axis {
    display:none;
  }
  #area-nav {
    padding:5px 0 !important;
    background:#000000 !important;
    border:none !important;
    position:fixed !important;
    top: 0 !important;
    height:40px !important;
  }
  #area-nav a {
    font-size:9px !important;
    padding:5px;
  }

  #area-nav #interest-detail-prev-next-cluster a#button-prev {
    padding-left: 20px !important;
  }

  #area-nav #interest-detail-prev-next-cluster a#button-next {
    padding-right: 20px !important;
  }

  #area-nav #interest-detail-home-cluster a#button-overview {
    padding-left: 20px;
    background-size: 15px;
  }

  #area-nav .location-dropdown-button a#button-locations {
    margin: 0px 3px;
  }

  #area-nav #interest-detail-prev-next-cluster {
    margin-right:3px;
  }
  #area-nav #interest-detail-home-cluster {
    margin-left:3px;
  }
  .audio-container {
    width:100% !important
  }
  .embed_player_icon {
    display:none;
  }
  .area-sidebar-slideshow, .area-sidebar-standalone-slideshow {
    height:230px !important;
  }
  .TS-item {
    display:none;
  }
  #overview .leaflet-control-container .leaflet-left.leaflet-bottom {
    bottom:0 !important;
    left:0 !important;
  }
  #overview .leaflet-control-container .leaflet-control-scale-line {
    font-size:6px !important;
  }
  span.annotation-label {
    background:none !important;
    cursor:default !important;
    padding: 0 !important;
  }

#area-details .area-img-caption {margin-top: 15px !important;}

/* hide certain map markers */
.leaflet-marker-icon.label-icon {
  display: none !important;
}


  #overview .callout-icon .callout-icon-label { white-space: normal !important; width: 40px !important;}


#banner-identity #banner-share {display:none !important;}


}
#annotation_form_container {
  width:200px;
  height:222px;
  position:absolute;
  right:0;
  z-index:99;
  background:#feffed;
  padding:20px;
  border-bottom:1px solid #000;
  font-family:Helvetica,arial,sans-serif;
  display:none;
}
#annotation_form_container textarea {
  height:70px;
}
#area-details .aerial-image-sidebar-chooser {
  overflow: hidden;
  margin-bottom: 0px;
}
#area-details .aerial-image-sidebar-chooser p {
  font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, arial, sans-serif;
  font-weight: 600;
  font-size: 12px;
  margin: 0;
}
.aerial-image-container {
  position: relative;
  height: 360px;
  top: 5px;
}
.aerial-image-thumb {
  position: absolute;
  background-color: #444;
}
.aerial-image-sidebar-year-button {
  float: left;
  padding: 5px;
  margin-right: 5px;
  border-radius:3px;
  border: 1px solid #cecece;
  margin-top: 4px;
  cursor:pointer;
}
.aerial-image-sidebar-year-button.active {
  box-shadow: inset 0 0 10px #fff;
}


#map.area_map {
  width: 75%;
}

#area-panel-right {
  position: absolute;
  left: 75%;
  padding:15px;
}

.panel {
  padding:20px;
  font-family:Helvetica,arial,sans-serif;
  z-index:99;
  background:transparent;
}
#panel {
  position:absolute;
  width:100%;
  top:0;
  height:30px;
  margin-left:50px;
  padding:20px;
  font-family:Helvetica,arial,sans-serif;
}
#vertical_panel {
    position:absolute;
    width:120px;
    top: 100px;
    left:0;
    height:400px;
}
.panel h2 {
  margin:0;
  padding:0;
  font-size:20px;
  float:left;
  margin-right:15px;
}
#vertical_panel h2 {
  float:none;
}
#panel_form_container {
  float:left;
}

.flex-banner-area-show h1 {
  margin-bottom: 0;
  font-size: 18px !important;
}
#area-panel-right h2 {
font-family: "adelle","Georgia",serif;
font-size: 20px;
float: none;
}

/* photo overlay */
.popoutable-image {
  position:relative;
}
.embed_player_icon {
  background: url("https://s3.amazonaws.com/propublica/assets/ty/minimag-icon.png") center center no-repeat #fff;
  margin: -90px 0 30px 0;
  z-index: 100;
  position: relative;
  opacity: .55;
  cursor: pointer;
  transition: all 0.10s ease-in-out;
  -webkit-transition: all 0.10s ease-in-out;
  -moz-transition: all 0.10s ease-in-out;
  -o-transition: all 0.10s ease-in-out;
  border-radius: 3px;
  width: 50px;
  height: 50px;  
}
.embed_player_icon:hover {
  opacity:.80;
}
#photo-overlay {
  display:none;
  position: absolute;
  left: 0;
  top:0;
  width: 100%;
  height: 100%;
  z-index: 9999999;
  background: rgba(0,0,0,0.75);
  overflow: scroll;
  -webkit-overflow-scrolling: touch; 
}

#slideshow_popup {
  position: relative;
  top: 70px;
  z-index: 9998;
  overflow: visible;
  padding: 15px;
  width: 85%;
  margin: 0 auto;
  height: 100%;
  max-width: 900px;
}
#slideshow_close_box {
  float: right;
  background: #990000;
  color: #fff;
  padding: 8px;
  text-transform: uppercase;
  font-family: arial,sans-serif;
  font-size: 11px;
  font-weight: bold;
  border-radius: 4px;
  margin-bottom: 3px;
  cursor: pointer;
}
#slideshow_popup #slideshow_popup_img {
  margin-top: 10px;
}
#slideshow_popup .popup_img_caption p {
  color: #fff;
  text-align: left;
  margin-left: 0;
  width: 100%;
  font-style: italic;
  margin-bottom: 30px;
}
.popup_img_inner img {
  width:100%;
}

/* image toggler */

.image-toggler-container {
  position:relative;
}
.image-toggler-container h3 {
  float:left;
  padding:5px;
  cursor:pointer;
}
.image-toggler-container h3.active {
  -moz-box-shadow:    inset 0 0 10px #999;
  -webkit-box-shadow: inset 0 0 10px #999;
  box-shadow:         inset 0 0 10px #999;
}
.image-toggle-image {
  position:absolute;
  top:35px;
}

#overview-wrap.overview-wrap-minimaps h2 {
  font-family: "adelle","Georgia",serif;
  font-size:20px;
}

.frontpage-card {
  width: 250px;
  height: 410px;
  float: left;
  margin-right: 20px;
  margin-bottom:20px;
}
.frontpage-card p {
  line-height:1.3em;
  margin-top:10px;
}
.minimap { width:250px;height:250px;border:1px solid #cecece }
.mini-timeline .TS-controls, .mini-timeline .TS-card_scroller { display:none;}
.mini-timeline .TS-notchbar_container, .mini-timeline .TS-notchbar { height:35px;}
.mini-timeline .TS-notchbar { z-index: 999; background: #fff;}
.mini-timeline { margin-top: -22px; width: 250px; }
.mini-timeline .TS-notch.active { background-color:#444 !important; }

/* default */
.mini-timeline .TS-notch_color_default,.TS-series_legend_swatch_default {
  background-color: #444;
}
.TS-css_arrow_color_default {
  border-bottom-color:#444;
}
.TS-item_color_default {
  border-top:1px solid #444;
}

/* 1 */
.mini-timeline .TS-notch_color_1, 
.mini-timeline .TS-notch_color_2, 
.mini-timeline .TS-notch_color_3, 
.mini-timeline .TS-notch_color_4, 
.mini-timeline .TS-notch_color_5, 
.mini-timeline .TS-notch_color_6, 
.mini-timeline .TS-notch_color_7,
.mini-timeline .TS-notch_color_8,
.mini-timeline .TS-notch_color_9,
.mini-timeline .TS-notch_color_default {
  background-color: #C4E0CA !important;
  border: 1px solid #888 !important;
}
/* required styles */


.leaflet-map-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-pane,
.leaflet-tile-container,
.leaflet-overlay-pane,
.leaflet-shadow-pane,
.leaflet-marker-pane,
.leaflet-popup-pane,
.leaflet-overlay-pane svg,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	-ms-touch-action: none;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	-webkit-user-drag: none;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container img {
	max-width: none !important;
	}
/* stupid Android 2 doesn't understand "max-width: none" properly */
/* leaflet bug: https://github.com/Leaflet/Leaflet/issues/2282#issuecomment-30439260 */
.leaflet-container img.leaflet-image-layer {
	max-width: none !important;
	}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-tile-pane    { z-index: 2; }
.leaflet-objects-pane { z-index: 3; }
.leaflet-overlay-pane { z-index: 4; }
.leaflet-shadow-pane  { z-index: 5; }
.leaflet-marker-pane  { z-index: 6; }
.leaflet-popup-pane   { z-index: 7; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 7;
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-tile,
.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	     -o-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-tile-loaded,
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}

.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
	     -o-transition:      -o-transform 0.25s cubic-bezier(0,0,0.25,1);
	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile,
.leaflet-touching .leaflet-zoom-animated {
	-webkit-transition: none;
	   -moz-transition: none;
	     -o-transition: none;
	        transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-clickable {
	cursor: pointer;
	}
.leaflet-container {
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-container,
.leaflet-dragging .leaflet-clickable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	}


/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline: 0;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-container a.leaflet-active {
	outline: 2px solid orange;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a,
.leaflet-bar a:hover {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}


/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}
.leaflet-control-zoom-out {
	font-size: 20px;
	}

.leaflet-touch .leaflet-control-zoom-in {
	font-size: 22px;
	}
.leaflet-touch .leaflet-control-zoom-out {
	font-size: 24px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url(images/layers.png);
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(images/layers-2x.png);
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.7);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover {
	text-decoration: underline;
	}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
	font-size: 11px;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	font-size: 11px;
	white-space: nowrap;
	overflow: hidden;
	-moz-box-sizing: content-box;
	     box-sizing: content-box;

	background: #fff;
	background: rgba(255, 255, 255, 0.5);
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 19px;
	line-height: 1.4;
	}
.leaflet-popup-content p {
	margin: 18px 0;
	}
.leaflet-popup-tip-container {
	margin: 0 auto;
	width: 40px;
	height: 20px;
	position: relative;
	overflow: hidden;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;

	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;

	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	padding: 4px 4px 0 0;
	text-align: center;
	width: 18px;
	height: 14px;
	font: 16px/14px Tahoma, Verdana, sans-serif;
	color: #c3c3c3;
	text-decoration: none;
	font-weight: bold;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover {
	color: #999;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}
.leaflet-oldie .leaflet-popup-tip-container {
	margin-top: -1px;
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}
/* ================================================================== */
/* Toolbars
/* ================================================================== */


.leaflet-draw-section {
  position: relative;
}

.leaflet-draw-toolbar {
  margin-top: 12px;
}

.leaflet-draw-toolbar-top {
  margin-top: 0;
}

.leaflet-draw-toolbar-notop a:first-child {
  border-top-right-radius: 0;
}

.leaflet-draw-toolbar-nobottom a:last-child {
  border-bottom-right-radius: 0;
}

.leaflet-draw-toolbar a {
  background-image: url('images/spritesheet.png');
  background-repeat: no-repeat;
}

.leaflet-retina .leaflet-draw-toolbar a {
  background-image: url('images/spritesheet-2x.png');
  background-size: 270px 30px;
}

.leaflet-draw a {
  display: block;
  text-align: center;
  text-decoration: none;
}

/* ================================================================== */
/* Toolbar actions menu
/* ================================================================== */

.leaflet-draw-actions {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 26px; /* leaflet-draw-toolbar.left + leaflet-draw-toolbar.width */
  top: 0;
  white-space: nowrap;
}

.leaflet-right .leaflet-draw-actions {
  right:26px;
  left:auto;
}

.leaflet-draw-actions li {
  display: inline-block;
}

.leaflet-draw-actions li:first-child a {
  border-left: none;
}

.leaflet-draw-actions li:last-child a {
  -webkit-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.leaflet-right .leaflet-draw-actions li:last-child a {
  -webkit-border-radius: 0;
          border-radius: 0;
}

.leaflet-right .leaflet-draw-actions li:first-child a {
  -webkit-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}

.leaflet-draw-actions a {
  background-color: #919187;
  border-left: 1px solid #AAA;
  color: #FFF;
  font: 11px/19px "Helvetica Neue", Arial, Helvetica, sans-serif;
  line-height: 28px;
  text-decoration: none;
  padding-left: 10px;
  padding-right: 10px;
  height: 28px;
}

.leaflet-draw-actions-bottom {
  margin-top: 0;
}

.leaflet-draw-actions-top {
  margin-top: 1px;
}

.leaflet-draw-actions-top a,
.leaflet-draw-actions-bottom a {
  height: 27px;
  line-height: 27px;
}

.leaflet-draw-actions a:hover {
  background-color: #A0A098;
}

.leaflet-draw-actions-top.leaflet-draw-actions-bottom a {
  height: 26px;
  line-height: 26px;
}

/* ================================================================== */
/* Draw toolbar
/* ================================================================== */

.leaflet-draw-toolbar .leaflet-draw-draw-polyline {
  background-position: -2px -2px;
}

.leaflet-draw-toolbar .leaflet-draw-draw-polygon {
  background-position: -31px -2px;
}

.leaflet-draw-toolbar .leaflet-draw-draw-rectangle {
  background-position: -62px -2px;
}

.leaflet-draw-toolbar .leaflet-draw-draw-circle {
  background-position: -92px -2px;
}

.leaflet-draw-toolbar .leaflet-draw-draw-marker {
  background-position: -122px -2px;
}

/* ================================================================== */
/* Edit toolbar
/* ================================================================== */

.leaflet-draw-toolbar .leaflet-draw-edit-edit {
  background-position: -152px -2px;
}

.leaflet-draw-toolbar .leaflet-draw-edit-remove {
  background-position: -182px -2px;
}

.leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled {
  background-position: -212px -2px;
}

.leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled {
  background-position: -242px -2px;
}

/* ================================================================== */
/* Drawing styles
/* ================================================================== */

.leaflet-mouse-marker {
  background-color: #fff;
  cursor: crosshair;
}

.leaflet-draw-tooltip {
  background: rgb(54, 54, 54);
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid transparent;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  color: #fff;
  font: 12px/18px "Helvetica Neue", Arial, Helvetica, sans-serif;
  margin-left: 20px;
  margin-top: -21px;
  padding: 4px 8px;
  position: absolute;
  visibility: hidden;
  white-space: nowrap;
  z-index: 6;
}

.leaflet-draw-tooltip:before {
  border-right: 6px solid black;
  border-right-color: rgba(0, 0, 0, 0.5);
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  content: "";
  position: absolute;
  top: 7px;
  left: -7px;
}

.leaflet-error-draw-tooltip {
  background-color: #F2DEDE;
  border: 1px solid #E6B6BD;
  color: #B94A48;
}

.leaflet-error-draw-tooltip:before {
  border-right-color: #E6B6BD;
}

.leaflet-draw-tooltip-single {
  margin-top: -12px
}

.leaflet-draw-tooltip-subtext {
  color: #f8d5e4;
}

.leaflet-draw-guide-dash {
  font-size: 1%;
  opacity: 0.6;
  position: absolute;
  width: 5px;
  height: 5px;
}

/* ================================================================== */
/* Edit styles
/* ================================================================== */

.leaflet-edit-marker-selected {
  background: rgba(254, 87, 161, 0.1);
  border: 4px dashed rgba(254, 87, 161, 0.6);
  -webkit-border-radius: 4px;
          border-radius: 4px;
}

.leaflet-edit-move {
  cursor: move;
}

.leaflet-edit-resize {
  cursor: pointer;
}

/* ================================================================== */
/* Old IE styles
/* ================================================================== */

.leaflet-oldie .leaflet-draw-toolbar {
  border: 3px solid #999;
}

.leaflet-oldie .leaflet-draw-toolbar a {
  background-color: #eee;
}

.leaflet-oldie .leaflet-draw-toolbar a:hover {
  background-color: #fff;
}

.leaflet-oldie .leaflet-draw-actions {
  left: 32px;
  margin-top: 3px;
}

.leaflet-oldie .leaflet-draw-actions li {
  display: inline;
  zoom: 1;
}

.leaflet-oldie .leaflet-edit-marker-selected {
  border: 4px dashed #fe93c2;
}

.leaflet-oldie .leaflet-draw-actions a {
  background-color: #999;
}

.leaflet-oldie .leaflet-draw-actions a:hover {
  background-color: #a5a5a5;
}

.leaflet-oldie .leaflet-draw-actions-top a {
  margin-top: 1px;
}

.leaflet-oldie .leaflet-draw-actions-bottom a {
  height: 28px;
  line-height: 28px;
}

.leaflet-oldie .leaflet-draw-actions-top.leaflet-draw-actions-bottom a {
  height: 27px;
  line-height: 27px;
}
.breaks b {
  display: inline-block;
  width: 1em;
  margin-right: 0.5em;
}

.leaflet-container {
  background-color: #c5d2d7;
}

.leaflet-custom-popup {
font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, arial, sans-serif;
font-weight: 600;
color: #fff;
padding: 4px;
position: absolute;
text-shadow: 0 0 4px #000, 0 0 4px #000;
margin-top: -5px !important;
margin-left: -10px !important;
z-index: 111;
line-height: 13px;
font-style: italic;
letter-spacing: -0.05em;
font-size: 11px;
word-spacing: 0.05em;
}
.leaflet-custom-popup.moved-horizontal {
  text-align: right;
  margin-left: -13px !important;
  z-index: 110
}
.leaflet-custom-popup.moved-vertical {
  margin-top: 1px !important;
    z-index: 110;
} 

.leaflet-custom-popup-hover {
  width:200px;
  margin-top: 10px;
  margin-left: 10px;
  border: 1px solid #efefef;
  box-shadow: 1px 1px 1px #888;
  z-index: 10000;
}

.leaflet-custom-popup-box {
  width:150px;
}

.leaflet-custom-popup-label {
  background:transparent;
  min-width:200px;
}


.leaflet-custom-popup-arrow {
  top: 0;
  left: 0%;
  position: absolute;
  width: 0;
  height: 0;
  margin-left: 7px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #000000;
}

.leaflet-custom-popup-point {
  background: transparent;
  margin-left: -7px;
  margin-top: 5px;
}

.leaflet-custom-popup-inner {
  width: 110px;
  display: inline-block;
  position: relative;
  font-style: normal;
}

.leaflet-custom-popup-inner-point {
  top: 5px;
  left: 5px;
  padding: 5px;
  border: 1px solid black;
  border-radius: 2px;
  color: white;
  background-color: black;
  min-width: 100px;
  box-shadow: 1px 1px 2px #666;
}


.leaflet-custom-popup .leaflet-custom-popup-inner-label {
  font-weight:bold;
  font-size:14px;
  background: transparent;
}
#locator_map_container {
  position: absolute;
  width: 130px;
  height: 110px;
  z-index: 999999;
  bottom: 35px;
  right: 0;
  transition: all 1s;
}
.with-sidebar #locator_map_container {
  right: 495px;
}

#locator_map {
  background:transparent url(https://static.propublica.org/rails/assets/louisiana/la-26781-120-98-color-16ff11d8888a9b21b117c75b0ba4bfc013ae0373439f29e248946235ddffc344.png);
  position:absolute;
  width:120px;
  height:98px;
  margin: 8px 4px 8px 4px;
}

.point_container {
  position:absolute;
  font-family:Arial;
  font-size:10px;
}
.point_mark {
  position:relative;
  top:0;
  left:0;
  width:4px;
  height:4px;
  background:#999;
  border-radius:4px;  
}
.point_label {
  position: absolute;
  top: -14px;
  left: -18px;
  width:200px;
}
.square {
  position:absolute;
  border:2px solid red;
  background:transparent;
}

#locator_map_point_shreveport .point_label {
  left: 7px;
  top: -4px;
}

#locator_map_point_new_orleans .point_label {
  left: -123px;
  top: -14px;
  line-height: 11px;
  text-align: center;
}

#locator_map_point_lafayette .point_label {
  left: -25px;
}
@media screen and (max-width: 800px) {
}
h1 {
    font-size: 22px;
    margin-bottom: 15px;
}

path.interest-rect {
    fill: transparent;
    stroke: #fff;
    stroke-width: 4px;
    stroke-linejoin: miter;
    cursor: pointer;
    stroke-opacity: .6;
    opacity: 0;
    transition: 0.3s all;
}
.with-sidebar .interest-rect {
    opacity: .7;
}
#overview-wrap.overview-theme-light .interest-rect {stroke: #000; opacity:1;}

path.interest-rect:hover {
    fill: rgba(255,255,255,.3);
    fill-opacity: 1;
}
path.interest-rect[active=true] {
    fill:   rgba(255, 225, 128, 0.80);
    fill-opacity:1;
}

svg.map-curves {
    position: absolute;
    top:-20px;
}

svg.map-curves path {
    stroke: #fff;
    stroke-width:3;
    fill:none;
}

#overview-wrap {
    position: absolute;
    top:0;
    bottom:0;
    z-index: 4;
    width:100%;
    margin: 42px auto 0 auto;
    overflow:hidden;
}


#areas-wrap p {
    margin-bottom:15px;
}

#area-overview {
    position: absolute;
    z-index: 999999;
    background: rgba(0, 0 ,0 , 0.8);
    width: 480px;
    top: 42px;
    bottom: 0;
    overflow: scroll;
    overflow-x: hidden;
    right: -490px;
    transition: 1s all;
}
.with-sidebar #area-overview {right:0;}
.app-detail.with-sidebar #area-overview {top:90px;}

#area-details p.inline-caption {
font-size: 14px;
line-height: 20px;
font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, arial, sans-serif;
font-style: italic;
max-width: 400px;
padding-top: 6px;
}

#area-overview a, #overview-content a {
    color:#98bcf5;
}

.stop-scrolling {
  height: 100% !important;
  overflow: hidden !important;
}


#area-list {
    font-family: "adelle","Georgia",serif;
}

#area-list .area-toggle {
    text-align:center;
}
#area-list .area-toggle:hover {
    opacity:0.80;
}

#area-list .area-toggle h2 {
    font-size: 20px;
    margin: 0 0 8px 0;
}

.overview-explainer ul.area-toggle-container {
    margin:0;
    list-style:none;
    cursor:pointer;
}

#area-list .area-toggle p {
    font-size: 16px;
    color: #fff;
    text-shadow: none;
    padding: 10px 50px;
    font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, arial, sans-serif;
    font-weight: 800;
    background: #444 url("https://static.propublica.org/rails/assets/louisiana/icons/pointer-hand-debe04e1d2717348fd201b0500d493cac8eea2d0cc750883b2c433ddac2362fd.svg") no-repeat 5%% 50%;
    border-radius: 3px;
    border: 1px solid #fff;
    display: inline-block;
    font-size:16px;
}

#area-nav {
padding: 10px 16px 9px 30px;
border-bottom: 1px solid #333;
position: fixed;
width: 480px;
z-index: 9999999;
background: #000;
top: 40px;
right: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
    transition: all 0.10s ease-in-out;
-webkit-transition: all 0.10s ease-in-out;
-moz-transition: all 0.10s ease-in-out;
-o-transition: all 0.10s ease-in-out;
}

#area-nav a {
    color: #cecece;
    transition: all 0.10s ease-in-out;
-webkit-transition: all 0.10s ease-in-out;
-moz-transition: all 0.10s ease-in-out;
-o-transition: all 0.10s ease-in-out;
}

#area-nav a#button-locations {
margin: 0px 5px;
padding-right: 25px;
background: url("https://static.propublica.org/rails/assets/louisiana/icons/down_icon-47e2a67971094ffb930ed2674881dae7295b52957a0e0b8c3743439714a36e21.svg") no-repeat 95% 50%;
background-size: 12px;
}

#area-nav a#button-next {
background: url("https://static.propublica.org/rails/assets/louisiana/icons/next_icon-f842f4c8756961c50754bac1f61fdafe80b9282b822b39c919268a41091f17ec.svg") no-repeat 90% 50%;
background-size: 8px;
padding-right: 25px;
}

#area-nav a#button-prev {
padding-left: 25px;
background: url("https://static.propublica.org/rails/assets/louisiana/icons/previous_icon-ea7445d5dd25e56dcc7d68240b8d6da60a95f80555c8770c335e4a9c93205862.svg") no-repeat 10% 50%;
background-size: 8px;
}

#area-nav a#button-overview {
padding-left: 30px;
background: url("https://static.propublica.org/rails/assets/louisiana/icons/louisiana_icon-bb3203f720cfe7edceb8c54bdeccc1fe93979959c3e741277eee601abe52ad39.svg") no-repeat 10% 50%;
background-size: 18px;
}

#area-details {
    padding: 30px;
    font-family: "adelle","Georgia",serif;
}

#area-nav a:hover {
text-decoration: none;
color: #fff;
border:1px solid #fff;
}


#area-details h2 {
font-size: 16px;
margin-bottom: 15px;
color: #ddd;
font-style: italic;
font-weight: normal;
}

#area-details h3, #area-details h4  {
    font-family: "adelle", Helvetica, arial, sans-serif;
    font-weight: 800;
    font-size: 28px;
    margin-bottom: 3px;
    color:#ddd;
}

#area-details h4 {
    font-size:16px;
    margin-bottom:10px;
    font-weight:600;
}


#area-details p.area_intro {
    font-size:16px;
}

#area-details .distance {
    font-size: 22px;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: .06em;
    color: #666;
    margin-bottom: 18px;
}

.area-sidebar-img {
    margin-left: -30px;
    margin-bottom: 10px;
}
.area-sidebar-slideshow, .area-sidebar-standalone-slideshow {
    overflow: hidden;
    margin-left: -30px;
    cursor: pointer;
    height:292px;
    position:relative;
    width:465px;
}
.area-sidebar-standalone-slideshow  {
    width:465px;
}
.area-sidebar-slideshow img, .area-sidebar-standalone-slideshow img {
    float:left;
    display:none;
}
.area-sidebar-slideshow img:first-child, .area-sidebar-standalone-slideshow img:first-child {
    display:inline;
}
#area-details .area-img-caption {
    border-bottom: 1px solid #666;
    margin-bottom: 20px;
}
#area-details .area-img-caption p {
    font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, arial, sans-serif;
    font-weight: bold;
    letter-spacing:-1px;
}
#area-details .area-img-caption p, .area-img-standalone-caption p {
    font-style:italic;
    font-size:14px;
}
.area-img-credit {
    color: #888;
}
.area-slideshow-nav-button {
    border:1px solid #888;
    border-radius:3px;
    padding:5px;
}
.area-slideshow-nav-button.inactive {
    border:#444;
}
#area-details .area-slideshow-nav-button.inactive p {
    color:#444;
}
.area-slideshow-nav {
    margin-bottom: 20px;
    cursor:pointer;
}
.area-slideshow-nav-prev {
    float:left;
}
.area-slideshow-nav-next {
    float:right;
}
#area-details .area-slideshow-nav-button p {
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 12px;
    line-height: 12px;
}

#overview-wrap.overview-wrap-minimaps {
    box-shadow:none;
    padding:50px;
    border:none;
    height:auto;
    overflow-y:auto;
}


#overview-map-wrap {
    z-index: 1;
    position: relative;
    width: 100%;
    height: 100%;
}
#overview-wrap .anno-2d {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
#overview-wrap #overview-anno-base.anno-2d {
    z-index: 3;
}
#overview-wrap #overview-anno-layer.anno-2d {
    z-index: 4;
}
#overview-wrap .anno-2d .icon-2d {
    position: absolute; color: #fff;
}

#overview-wrap #overview-anno-base.anno-2d .icon-2d{
    text-shadow: 0 0 3px #000, 0 0 3px #000, 0 0 3px #000;
}

#overview-wrap #overview-anno-layer.anno-2d .icon-2d {
    background: #333; padding: 6px 13px;
}

/* proper z-indexing for near and far views */
#overview-wrap.map-far #overview {z-index: 10}
#overview-wrap.map-far .map-curves {z-index: 9}

#overview-wrap.map-near #overview{z-index: 9;}
#overview-wrap.map-near .map-curves {z-index: 10}
#overview-wrap.map-near .leaflet-overlay-pane {z-index: 1 !important}
#overview-wrap .leaflet-overlay-pane img {
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 25px 0px;
    opacity:0;
}
#overview-wrap .leaflet-zoom-anim .leaflet-overlay-pane img {
    box-shadow: none;
}

#overview {
    font-family: "adelle","Georgia",serif
    z-index: 2;
/*    transform-origin: center top;
    -webkit-transform-origin: center center;    */
   /* transform: perspective(2800px) rotateX(54deg) rotateZ(22deg) translate(-70px, -90px) scale(1.0); /* perspective(1800px) rotateX(65deg); */
   /* -webkit-transform: perspective(2800px) rotateX(54deg) rotateZ(22deg) translate(-70px, -90px) scale(1.0); /* perspective(1800px) rotateX(65deg); */
    /*transform-style: preserve-3d;*/
    /*transition: all 1.5s cubic-bezier(0,0,0.25,1);*/
    box-shadow: 5px 5px 5px rgba(0,0,0,.3);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #222;
    transition:  all 1s;
}
#overview-wrap #overview {
    background: rgb(34,34,34); /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  rgba(34,34,34,1) 0%, rgba(68,68,68,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(34,34,34,1)), color-stop(100%,rgba(68,68,68,1))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(34,34,34,1) 0%,rgba(68,68,68,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  rgba(34,34,34,1) 0%,rgba(68,68,68,1) 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  rgba(34,34,34,1) 0%,rgba(68,68,68,1) 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  rgba(34,34,34,1) 0%,rgba(68,68,68,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#444444',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#overview-content {
    width: 500px;
    color: #fff;
    text-shadow: 0 0 1px rgba(0,0,0,.8), 0 0 1px rgba(0,0,0,.8);
}


#overview-content .icon-canal:before, #map-legend .legend-canals:before {
    content: "";
    display: inline-block;
    margin: 0 2px 2px 2px;
    transform: rotate(40deg);
    border-bottom: 4px solid #F16929;
    height: 0px;
    width: 21px;
    box-shadow: 0px 0px 3px 1px rgba(0,0,0,.8);
    top: 0px;
}

#overview-content .icon-levee:before, #map-legend .legend-levees:before {
    content: "";
    display: inline-block;
    margin: 0 2px 2px 2px;
    transform: rotate(40deg);
    border-bottom: 4px solid #F16929;
    height: 0px;
    width: 21px;
    box-shadow: 0px 0px 3px 1px rgba(0,0,0,.8);
    top: 0px;


}

#overview-content .icon-pipeline:before, #map-legend .legend-pipelines:before {
    content: "";
    display: inline-block;
    margin: 0 2px 2px 2px;
    transform: rotate(40deg);
    border-bottom: 4px solid #8383DD;
    height: 1px;
    width: 21px;
    box-shadow: 0px 0px 3px 1px rgba(0,0,0,.8);
}

#overview-content .icon-well:before, #map-legend .legend-wells:before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 11px;
    font-weight: bold;
    display: inline-block;
    background: #F16929;
    margin: 0 3px 0 3px;
    box-shadow: 0 0 3px -1px rgba(0,0,0,.8);
}

#overview-content .icon-risk:before, #map-legend .legend-predicted-loss:before {
    content: "";
    width: 9px;
    height: 9px;
    font-weight: bold;
    display: inline-block;
    background: #EB5D18;
    margin: 0 3px 0 3px;
    box-shadow: 0 0 3px -1px rgba(0,0,0,.8);
}
#map-legend .legend-predicted-gain:before {
    content: "";
    width: 9px;
    height: 9px;
    font-weight: bold;
    display: inline-block;
    background: #308d2b;
    margin: 0 3px 0 3px;
    box-shadow: 0 0 3px -1px rgba(0,0,0,.8);
}



#overview-content-wrap h1 {font-size: 32px; }
#overview-wrap.intro #overview-content-wrap h1 {font-size: 40px; margin-bottom: 3px; }

#overview-wrap.intro #overview-content-wrap h2 {margin-bottom: 15px; font-weight: normal }

#overview-content-wrap p {font-size: 14px; line-height: 20px}
#overview-wrap.intro #overview-content-wrap p {font-size: 20px; line-height: 28px}

#overview-wrap.intro #overview-content-wrap #slide-prev {
    display: none;
}


#overview-content-wrap h1, #overview-content-wrap h2, #overview-content-wrap p {
 font-family: "adelle","Georgia",serif;
}

#overview-content-wrap #button-start {
    font-size: 18px;
    background: #006666;
    box-shadow: 0 0 6px 1px rgba(0,0,0,.3);
    display: inline-block;
    padding: 20px 36px;
    margin-top: 25px;
    font-weight: bold;
    font-family: "Adelle", georgia, serif;
    text-transform: uppercase;
    text-shadow: 1px 1px rgba(0,0,0,.5);
    cursor: pointer;
}


.leaflet-container {
    -webkit-cursor: default;
    -moz-cursor: default;
    cursor: default;
}
/*leaflet zoom */
.leaflet-zoom-anim .leaflet-zoom-animated {
    -webkit-transition: -webkit-transform 1.5s cubic-bezier(.25,.1,.25,1);
       -moz-transition:    -moz-transform 1.5s cubic-bezier(.25,.1,.25,1);
         -o-transition:      -o-transform 1.5s cubic-bezier(.25,.1,.25,1);
            transition:         transform 1.5s cubic-bezier(.25,.1,.25,1);
    }


#overview .layer, #overview .layer-base {
/*    transform-origin: center top;
    -webkit-transform-origin: center top;
    transform: rotateX(50deg) scale(.8);
    -webkit-transform: rotateX(50deg) scale(.8);*/
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center bottom;
}

#overview .layer-gradient {
}

.layer-anno {
    position: absolute;
    z-index: 15;
}

#overview-content-wrap {
    position: absolute;
    z-index: 10;
    left: 13px;
    right: 20px;
    padding:20px;
    bottom:70px;
}

#overview-wrap.intro #overview-content-wrap {bottom: 20px;}
.with-sidebar #overview-content-wrap {pointer-events:none;}
.with-sidebar #overview-content-wrap p {pointer-events:auto;}

#overview-nav-wrap {
    background-color: rgba(0,0,0, 0.7);
    height: 89px;
    padding: 10px;
    position: absolute;
    left: 0;
    top: -120px;
    right: 480px;
    text-align: center;
    overflow: hidden;
    z-index: 1000;
    white-space: nowrap;
    transition: 1s all;
}

#overview-nav-wrap, #overview-nav-wrap * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.with-sidebar #overview-nav-wrap {top: 0;}

#overview-nav-wrap .slide-toggle {
    display: inline-block;
    cursor: pointer;
    vertical-align: top;
    margin: 46px 0 0 0;
    background:0;
    padding:0;
}

#overview-nav-wrap #slide-next {
    width: 0;
    height: 0;
     cursor:pointer;
    border-style: solid;
    border-width: 8px 0 8px 14px;
    border-color: transparent transparent transparent rgba(255,255,255,.7);
}
#overview-nav-wrap #slide-next:hover {border-color:transparent transparent transparent rgba(255,255,255,1);}

#overview-nav-wrap #slide-prev {
    width: 0;
    height: 0;
        cursor:pointer;
    border-style: solid;
    border-width: 8px 14px 8px 0;
    border-color: transparent rgba(255,255,255,.7) transparent transparent;
}
#overview-nav-wrap #slide-prev:hover {border-color:transparent rgba(255,255,255,1) transparent transparent;}

#overview-nav {display: inline-block;}

/*#overview-nav > ul > li {
    font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, arial, sans-serif;
    border-left: 1px solid rgba(255,255,255,.2);
}
#overview-nav > ul > li:first-child {border-left:0;}
#overview-nav > ul li {
    color: #fff;
    display: inline-block;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    margin: 12px 0;
    padding: 6px;
    text-transform: uppercase;
}
#overview-nav > ul ul {display:block;}
#overview-nav .nav-toggle {
    display: inline-block;
    font-size: 14px;
    margin: 5px 3px 0;
    color: rgba(255,255,255,0.6);
    font-family: "adelle",Georgia,serif;
    font-size: 18px;
    margin: 5px 10px 0;
    text-transform: none;
}
#overview-nav .nav-toggle.active {color: #fff;}


*/

#overview-nav > ul > li {
    font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, arial, sans-serif;
}
#overview-nav > ul li {
    color: #fff;
    display: inline-block;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    margin: 12px 0;
    padding: 6px;
    text-transform: uppercase;
}
#overview-nav > ul ul {display:block; margin: 0 10px;}
#overview-nav .nav-toggle {
    display: inline-block;
    color: rgba(255,255,255,0.6);
    font-family: "adelle",Georgia,serif;
    font-size: 12px;
    border: 1px solid #555;
        cursor:pointer;
    text-transform: uppercase;
    font-weight: normal;
    position: relative;
    white-space: nowrap;
    margin: 10px -2px;
    padding: 6px 12px;
        transition: all 0.10s ease-in-out;
-webkit-transition: all 0.10s ease-in-out;
-moz-transition: all 0.10s ease-in-out;
-o-transition: all 0.10s ease-in-out;
}
#overview-nav .nav-toggle.first {
    border-radius: 3px 0 0 3px;
}
#overview-nav .nav-toggle.last {
    border-radius: 0 3px 3px 0;
}
#overview-nav .nav-toggle.last.first {
    border-radius: 3px;
}
#overview-nav .nav-toggle:hover {
    color: rgba(255,255,255,0.8);
    border: 1px solid #888
}

#overview-nav .nav-toggle.active {color: #fff;
border: 1px solid #fff; z-index: 111}

#overview-nav .subnav {display:block;}

#overview-wrap.intro .leaflet-control-container {
    display:none;
}

#overview .leaflet-control-container .leaflet-left.leaflet-bottom {
    bottom: 25px;
    left: 25px;
}

#overview .leaflet-control-container .leaflet-control-scale-line {
    border: 2px solid rgba(0,0,0,.2);
    border-left: 0;
    border-right:0;
    background: rgba(0, 0, 0, 0.5);
    color: #eee;
    font-weight: bold;
    font-size: 10px;
    font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, arial, sans-serif;

}

#overview .leaflet-control-container .leaflet-control-scale-line:not(:first-child) {

}


#overview .leaflet-control-scale-line {
/*    background: rgba(0,0,0, .7);
    border: none;
    padding: 3px 0;
    color: rgba(255,255,255,.);*/
}

.over-dark {
    background: hsla(0, 100%, 100%, 0.80);
}

#overview-wrap-minimap-container {
    margin-left:30px;
    width:600px;
    float:right;
}

#overview-wrap-story {
    width:600px;
}

#overview-wrap-story p {
    margin-bottom:15px;
    line-height:1.4em;
}

#overview-intro h1 {
    font-size:40px;
}
#overview-intro p {
    font-size:14px;
    line-height:1.5em;
}

#button-wrap {
    z-index: 6;
    position: relative;
    margin-left: 65%;
    margin-top: -72px;
    background: #fff;
    padding: 20px;
    border: 1px solid #cecece;
    width: 158px;
    border-bottom: 1px solid #fff;
}

#button-wrap button {
    background: #2171B5;
    font-family: Helvetica, Arial, sans-serif;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    border: 0;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    vertical-align: top;
    text-transform: uppercase;
    padding: 0 20px;
    border-radius:2px;
    cursor:pointer;
    max-width:100px;
}

#button-wrap button:hover {
    box-shadow:0 0 5px #444;
}

#button-wrap button.slide-toggle-inactive {
    background:#cecece;
}



/* year slider */
#slider_container {
    width: 200px;
    position: absolute;
    display: block;
    z-index: 999999;
    top: 529px;
    margin-left: 92%;
}
#slider_container input[type=range] {
    -webkit-appearance: none;
    background-color: #2171B5;
    width: 100%;
    height: 10px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
    float: left;
    border-radius: 2px;
    margin-left: -65px;
    margin-top: -25px;
    padding: 0 25px 0 25px;
    cursor: -webkit-grab;
    cursor: grab;
}
#slider_container input[type=range]:active {
    cursor:-webkit-grabbing;
    cursor:grabbing;
}
#slider_container_labels {
    float:left;
    margin-top:-128px;
}
#slider_container_labels ul {
    height:200px;
    width: 57px;
    list-style-type:none;
}
#slider_container_labels ul li {
    list-style-type: none;
    margin-bottom: 64px;
    background: #F0F0EF;
    padding: 5px 10px 5px 3px;
    font-family: helvetica,arial,sans-serif;
    font-weight: normal;
    font-size: 14px;
    border: 1px solid #cecece;
    box-shadow: 0 0 3px #999;
    text-align: center;
    cursor:pointer;
}

/* front page areas */
#areas-wrap {
    padding: 0;
    margin:0;

}
.overview-area {
    position:relative;
    border-top:1px solid #cecece;
    padding:0;
    margin: 220px 40px 20px ;
}
.overview-area-workspace {
    width:100%;
    clear:both;
    position:relative;
    height:90%;
    margin-top: 0px;
}

.area-timeline-wrap {
    /* don't show timeline in overview */
    display:none;

    z-index: 999999;
    padding: 10px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0 ,0 , 0.7);
    height: 89px;
}

.area-timeline-wrap > label {
    color: #fff;
}

.area-timeline {
    position: absolute;
    left: 0px;
    right: 30px;
    top: 0;
}


.area-timeline * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.area-timeline .TS-zoom-container {
    display:none;
}
.area-timeline .TS-css_arrow_color_default {
    border-bottom-color: #fff;
}
.area-timeline .TS-top_matter_container {display:none; position:absolute; right:-4px; top:12px; width: auto;  }
.area-timeline .TS-notchbar_container {
    position: absolute;
    left: 85px;
    right:0;
    top: 5px;
    width: auto;
    background: transparent;
    height: 100px;
}
.area-timeline .TS-notchbar {height: 100%; z-index: 999; cursor: default; }

.area-timeline .TS-card_scroller {position:absolute; left:0; right: 60px; top:-32px; width: auto; overflow: visible;}

.area-timeline .TS-css_arrow_up {
    left: -3px;
    border-color: #000 transparent transparent transparent !important;
}

.area-timeline .TS-controls a.TS-choose {
    width: auto;
    height: auto;
    padding: 10px;
    display:inline-block;
    margin-left: 5px;
    background: rgba(255,255,255,.15);
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.area-timeline .TS-controls a.TS-choose.TS-choose_next .TS-controls_inner_text {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 0 9px 12px;
    border-color: transparent transparent transparent #ffffff;
    display:block;
}
.area-timeline .TS-controls a.TS-choose.TS-choose_prev .TS-controls_inner_text {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 12px 9px 0;
    border-color: transparent #ffffff transparent transparent;
    display:block;
}
.area-timeline .TS-controls a.TS-choose:hover {
    background: rgba(255,255,255,.35);
}

.area-timeline .TS-item {
  z-index:1;
  position:absolute;
  border:0 !important;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -webkit-border-radius:0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding:0;
  background:none;
  color:#333;
  text-align: left;
}

.area-timeline .TS-item_label {
    background: #000;
    width: 110px !important;
    text-align: center;
    margin-left: -22px;
    padding: 5px;
    color: #fff;
    margin-bottom: -4px;
}

.area-timeline .TS-notch {
top: 25px;
bottom: 8px;
}
.area-timeline .TS-year_notch {border-left: 1px solid #333;}
.area-timeline .TS-year_notch_year_text {
    position: absolute;
    top: 1px;
    z-index: 555;
    font-size: 10px;
    font-weight: bold;
}
.area-timeline .TS-year_notch_-1262286000000 {
    left:5.4% !important; /* nudge 1930 over */
}
.overview-area-photos {
    width: 100%;
    z-index: 999999;
    position: relative;
    margin-top: 80px;
}
.overview-area-photos-photo {
    overflow: visible;
    position:relative;
    width:100%;
}
.overview-area-map {
    float:left;
    width: 70%;
    background: #444;
    height: 640px;
    cursor:default;
}
.overview-area-map {
    background:#0000a9;
}
.overview-area.stuck .overview-area-map {
/*    position:fixed !important;
    top:200px;
*/}
.overview-area.stuck .area-timeline {
/*    position:fixed !important;
    top: 20px;
    width:100%;
*/}
#overview .annotation-icon, .annotation_sidebar_legend_label {
    width: 2px !important;
    height: 2px !important;
    padding: 1px;
    background: #fff;
    color: #000;
    text-align: center;
    border-radius: 8px;
    box-shadow: 0 0 10px #000;
}

#overview .leaflet-custom-popup-inner.historic-true {
    color: #DF9A68;
    text-transform: none;
    font-size: 10px;
    opacity: .75;
    font-style: italic;
    letter-spacing: -0.07em;
    line-height: 12px;
}
#overview .annotation-icon.historic-true {
    background: #e28f52;
    box-shadow: 0;
}
.leaflet-marker-icon.annotation-icon.historic-true:before {
    display: block;
    margin-top: -9px;
    font-family: arial;
    text-shadow: 0 0 3px rgba(0,0,0,.75);
}
#overview .label-icon-label {
    width: 120px;
    margin-left:-60px;
    margin-top: -6px;
    text-align: center;
    font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, arial, sans-serif;
    font-weight: 600;
    font-size: 11px;
    color: #fff;
    display: block;
    line-height: 11px;
    text-shadow: 0px 0px 1px rgba(0,0,0,1);
    font-style: italic;
    opacity: .7;
}

#overview .label-icon-label.state {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.1em;
    font-style: normal;
    font-weight: bold;
}


#map-sources {
    position: absolute;
    bottom: 10px;
    right: 15px;
    z-index: 1111;
    text-align: right;
    padding: 3px;
    color: #fff;
    font-size: 11px;
    font-family: "adelle","Georgia",serif;
    transition: all 1s;
    text-shadow: 1px 1px 1px rgba(0,0,0,.8);
}
.with-sidebar #map-sources {
    right: 505px;
}

#map-legend {
    position: absolute;
    bottom: 40px;
    right: 480px;
    z-index: 1111;
    background: rgba(0,0,0,.5);
    padding: 10px 15px 5px;
    width: 288px;
    opacity:0;
    transition: all 1s;
}
#map-legend li {
    display:none;
    color: #fff;
    margin-right: 13px;
    margin-bottom: 5px;
    font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, arial, sans-serif;
    font-weight: 600;
    font-size: 12px;
}
#map-legend li label {display: inline-block; margin-left: 8px;}

#map-legend.legend-2014-levees,
#map-legend.legend-2014-canals,
#map-legend.legend-2014-oilgas,
#map-legend.legend-2014-oilgas,
#map-legend.legend-2060-worse,
#map-legend.legend-2060-moderate,
#map-legend.legend-blank,
#map-legend.legend-blank-trans
{opacity: 1;}


#map-legend.legend-2014-levees .legend-levees {display:block;}
#map-legend.legend-2014-canals .legend-canals {display:block;}
#map-legend.legend-2014-oilgas .legend-wells,
#map-legend.legend-2014-oilgas .legend-pipelines {display:block;}
#map-legend.legend-2060-worse .legend-predicted,
#map-legend.legend-2060-moderate .legend-predicted {display:block;}
#map-legend.legend-blank .legend-existing,
#map-legend.legend-blank-trans .legend-existing {display:block;}

#map-legend li.legend-existing {}
#map-legend li.legend-historic {display:none; font-style: italic; color: #e28f52; letter-spacing: -0.05em;}
#map-legend.historic-true li.legend-historic {display:block;}

#map-legend li.legend-existing:before {
    content: "";
    background: #fff;
    width: 4px;
    height: 4px;
    border-radius: 8px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}
#map-legend li.legend-historic:before {
    content: "";
    background: #e28f52;
    width: 4px;
    height: 4px;
    border-radius: 8px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}

#overview .annotation-icon.active-marker {
    background: #fff;
}
#overview .annotation-icon .annotation-icon-label {
    font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, arial, sans-serif;
    font-weight: 600;
    color: #fff;
    padding: 4px;
    white-space: nowrap;
    display: block;
    margin: -8px 0 0 5px;
    line-height: 11px;
    text-shadow: 0 0 4px #000, 0 0 4px #000;
    letter-spacing: -0.05em;
    font-size: 11px;
    word-spacing: 0.05em;

}

#overview .callout-icon .callout-icon-label {
    white-space: nowrap;
    margin: 0;
    font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, arial, sans-serif;
    font-weight: 600;
    font-size: 11px;
    color: #fff;
    display: block;
    line-height: 11px;
    text-shadow: 0px 0px 1px rgba(0,0,0,1);
    font-style: italic;
    opacity: .7;
}
#overview .callout-icon.map-label-1922-coastline .callout-icon-label {
    font-size: 15px;
    margin-left: -32px !important;
    margin-top: 7px !important;
}


.annotation_sidebar_legend_label p {
    font-weight: bold;
    font-size: 20px;
    font-family:Helvetica,arial,sans-serif;
}
.annotation_sidebar_legend_label {
    float:left;
    width: 6px;
    height: 6px;
    padding: 8px;
    border:none;
    box-shadow:none;
    margin-top:1px;
    margin-right:8px;
}
.annotation_sidebar_legend_label p {
    font-size:11px;
    margin-top: -4px;
    margin-left: -2px;
}
.overview-area-photos-image img {
    width: 100%;
}
.annotation_sidebar_text {
    float:left;
    color:#000 !important;
}
.annotation_sidebar_text h2 {
    font-size:20px !important;
    color:#000 !important;
}
.overview-area-sidebar, .overview-area-photos-caption, .area-img-standalone-caption {
    padding: 15px;
}
.overview-area-photos-caption, .area-img-standalone-caption {
    height:auto;
}

ul.area_annotation_labels li, .audio-container {
    padding: 10px;
    margin-top: 25px;
    margin-bottom: 25px;
    margin-left: -30px;
    padding-left: 20px;
    padding-top:  25px;
    border-left: 4px solid #fff;
    background: #444;
    width: 431px;
}
.audio-container {
    border-left:4px solid #444;
}
.audio-container p {
    margin:0;
    padding:0;
    height:30px;
    text-align:center;
}
.audio-container audio {
    width:100%;
}

#area-details p.annotation-highlighted {
    border-left: 4px solid #fff;
    padding-left: 26px;
    margin-left: -30px;
}

.anno_zoom {
    display:inline-block;
    font-size:11px;
    margin-top:3px;
    border:1px solid #000;
    color:#fff;
    padding:5px;
    border-radius:3px;
    cursor:pointer;
    background:rgba(0, 0, 0, 0.60);
}


/*#overview-map-wrap {
    z-index: 1;
    position: relative;
    width: 100%;
    height: 500px
}

#overview-map {
    height: 500px;
    transform-origin: center top;
    -webkit-transform-origin: center top;
    transform: perspective(2000px) rotateX(60deg) translateX(-100px) translateZ(40px);
    -webkit-transform: perspective(2000px) rotateX(60deg) translateX(-100px) translateZ(40px);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}*/


.overview-explainer {
    padding:30px;
}
.overview-explainer p, #area-details p, .popup_img_caption p, #area-details .audio-container h4{
    margin-bottom: 16px;
    font-family: "adelle",Georgia,serif;
    font-size: 16px;
    color: #ddd;
    line-height: 24px;
}

.overview-explainer h2.first-title {
    font-size: 33px;
    margin-bottom: 10px;
    line-height: 1.2em;
    font-weight: bold;
    color: #ddd;
}

.overview-explainer h3 {
    font-size:24px;
    margin-bottom:10px;
    font-weight:bold;
    color:#ddd;
}

.overview-explainer ul {
    color: #ddd;
    list-style: disc;
    margin-left: 15px;
}

#area-details .audio-container h4{
    font-size:20px;
    font-style:italic;
}

#area-details .audio-container h4.audio-quot {
    text-align:left;
}
#area-details .audio-container h4.audio-attribution {
    text-align:right;
}

.popup_img_inner {
    background: #000 url(https://static.propublica.org/rails/assets/louisiana/spinner-b189c506c21df277543c057069f66d12260d4e6339fc48dec62ae73c2c70f56c.gif) center center no-repeat;
    /*min-height: 554px;*/
}
.popup_img_inner img {
    border:0;
    position: relative;
    box-shadow: 0 0 15px rgba(0,0,0,1);
}

.overview-explainer p.first {
    font-size:24px;
    margin-bottom:20px;
    line-height:30px;
}

.darksky {
    -moz-animation: 3s ease 2s normal none infinite nudge;
    -webkit-animation:nudge 2s infinite ease-in-out;
}
#timeline-instrux-lockup {
    width: 100% !important
}
#timeline-instrux-lockup .darksky {
    left: 33% !important
}
@-moz-keyframes nudge{
    0%{margin-left:30px}
    50%{margin-left:0}
    100%{margin-left:30px}
}
@-webkit-keyframes nudge{
    0%{margin-left:30px}
    50%{margin-left:0}
    100%{margin-left:30px}
}


.user-test {

}

.location-dropdown-button {
display: inline-block;
padding: 10px 0px;
cursor:pointer;
}
.location-dropdown-button ul{
width: 190px;
position: absolute;
left: 50%;
font-family: "adelle",Georgia,serif;
color: #ddd;
line-height: 1.4em;
padding: 5px 5px 5px 10px;
background: rgba(0,0,0,.8);
border-radius: 0px 0px 5px 5px;
margin: 10px 0px 0px 10px;
display: none;
}

.location-dropdown-button ul li:hover {
    color:#fff;
    text-decoration: underline;
    cursor:pointer;
}

.location-dropdown-button:hover ul {
    display: block;
}

.location-dropdown-button ul li.area-banner-list-item-active {
    pointer-events:none;
    color:#fff;
    font-weight: bold
}

span.annotation-label, span.intro-annotation-label, a.intro-annotation-label {
  background:#666;
  cursor:pointer;
  padding: 0px 3px 0px 17px;
  border-radius: 3px;
    transition: all 0.10s ease-in-out;
    -webkit-transition: all 0.10s ease-in-out;
    -moz-transition: all 0.10s ease-in-out;
    -o-transition: all 0.10s ease-in-out;

    background: url("https://static.propublica.org/rails/assets/louisiana/icons/annotation-locator-icon-7e2edbfcecc6b2f9d1a88ca27cc7e12716d6604c72c9c154ecda560d099471c5.svg") no-repeat 4px 50%;
    background-size: 9px;
    background-color: rgba(102,102,102,.8);
    text-decoration:none;
    color:#ddd !important;
}

span.annotation-label:hover, span.intro-annotation-label:hover, a.intro-annotation-label:hover {
  background-color: rgba(102,102,102,1);
box-shadow: 0 0 5px #666;
-wekbkit-box-shadow: 0 0 5px #666;
-moz-box-shadow: 0 0 5px #666;
}


.story-side-refer {
  float: right;
  clear: right;
  width: 140px;
  margin-left: 30px;
  margin-bottom: 25px;
  background: #333;
  padding: 10px;
}
.story-side-refer img {
    width:100%;
}
.story-side-refer h4 {
  margin-bottom:10px;
  text-align:center;
}
.story-side-refer h4 a {
  color:inherit;
}
.story-side-refer p {
  margin:0;
  font-size:12px !important;
  line-height:17px;
}

@media screen and (max-width: 601px) {
    .story-side-refer {    
        width:100%;
        background:#444;
    }
    .story-side-refer h4 {
        text-align:left;
    }
    .story-side-refer img {
        display:none;
    }
}
body {
}
#map {
  position: absolute;
  top: 0px;
  left: 0;
  bottom: 0;
  right: 0;
}
.timeline_setter {
  width:85%;
  margin:0 auto;
  padding:10px;
  position:absolute;
  height:100%;
  background-color:white;
}
.TS-item {
  z-index:1;
  position:absolute;
  border:1px solid #EBEBEB;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding:10px;
  background:#F7F7F7;
  color:#333;
  min-width: 150px;
}
.TS-item_user_html {
  padding-bottom:5px;
}
.TS-item_label {
  font-family:Georgia,"Times New Roman",Times,serif;
  font-size:12px;
  line-height:16px;
  height:85%;
  display:block;
}
.TS-item_year {
  font-family:"Helvetica Neue",Helvetica,arial,sans-serif;
  font-weight:bold;
  font-size:16px;
  padding-top:10px;
  float:left;
  clear:left;
  display:block;
  width:150px;
}
.TS-item_year_text {
  float:left;
}
.TS-css_arrow {
  border-style: solid;
  height: 0px;
  width: 0px;
  position:relative;
  top: 2px;
  border-width: 10px 10px 10px 10px;
}
.TS-css_arrow_up {
  border-color: transparent transparent #7C93AF transparent;
}
.TS-read_btn {
  -webkit-box-shadow: #CECECE 0px 0px 2px;
  -moz-box-shadow: #CECECE 0px 0px 2px;
  box-shadow: #CECECE 0px 0px 2px;
  -webkit-user-select: none;
  background: #E9F0F8;
  border-bottom-left-radius: 4px 4px;
  border-bottom-right-radius: 4px 4px;
  border-top-left-radius: 4px 4px;
  border-top-right-radius: 4px 4px;
  color: black;
  cursor: pointer;
  font-weight: bold;
  padding: 5px;
  margin-top:8px;
  font-size:11px;
  font-family:"Helvetica Neue",arial,sans-serif;
  text-transform:uppercase;
  font-weight:normal;
  text-align:center;
  display:block;
}
.TS-read_btn:hover {
  color:black;cursor:pointer;text-decoration:none;background:#cecece;
}
.timeline_setter a {
  text-decoration:none;
  color:#333;
}

.TS-top_matter_container {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  overflow:visible;
}
.TS-notchbar_container {
  background:#f7f7f7;
  width:100%;
  height:40px;
  position:relative;
  overflow:hidden;
  clear:left;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: col-resize;
}
.TS-card_scroller {
  width:100%;
  position:relative;
  overflow:hidden;
  height:800px; /* FIX THIS!!! */
}
.TS-card_scroller_inner {
  width:100%;
  position:relative;
}
.TS-notchbar {
  height:40px;
  position:relative;
  width:100%;
  margin: 0 auto;
}
.TS-notchbar_draggable {
  cursor: col-resize;
}

.TS-notch {
  top: 0px;
  bottom: 0;
  position:absolute;
  color:#999;
  background-color: rgba(60, 104, 56, 0.68) !important /* #7b9563 !important; */
}
.TS-notch_active, .TS-notch:hover {
background: rgba(143, 190, 139, 0.5) !important;
}
.TS-notch-water {
  background: rgba(0, 8, 100, 0.5)
}
.TS-notch_active .TS-notch-water, .TS-notch:hover .TS-notch-water {

}

#timeline-graph-labels {
  padding:0;
  color: #fff;
  font-size: 11px;
  margin-bottom: 5px;    
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius:  4px;
  -moz-border-radius-bottomright:     4px;
  -moz-border-radius-bottomleft:      4px;
  border-bottom-right-radius:         4px;
  border-bottom-left-radius:          4px;    
  float:left;
  clear:left;
  width: 108px;
  font-family:'Whitney SSm A', 'Whitney SSm B', Helvetica, arial, sans-serif;
	z-index: 1111;
	position: relative;

}
#timeline-graph-labels .timeline-label {
}
#timeline-graph-labels .graph-legend-container {
  float:left;
  clear:none;
  width:40px;
}
#timeline-instrux-lockup {
  color: #fff;
  font-family:'Whitney SSm A', 'Whitney SSm B', Helvetica, arial, sans-serif;
  font-size: 11px;

  width: 100px;
  top: 89px;
  left: 35px;
  z-index: 999999;
  position: absolute;
}
#timeline-instrux-lockup .os9-cursor {
  width: 62px;
  position: absolute;
  left: 121px;
}

#timeline-swoop-label p.timeline-swoop-arrow {
  left:107px;
  top:37px;
  position:absolute;
}

#timeline-swoop-label p.timeline-swoop-text {
  left: 0;
  top: 21px;
  position:absolute;
}
#timeline-instrux-lockup .timeline-instrux-text, #timeline-swoop-label p {
  float:left;
  clear:left;
  width:100px;

  color:#fff;
  font-size:10px;
  text-transform:uppercase;
  font-weight:bold;
}
.timeline-swatch {
  color: #fff;
  display:inline-block;
  float:right;
}

.timeline-swatch label {
  margin: 3px;
  font-size: 9px;
  display: inline-block;
  text-align: right;
  margin-left: 40px;
  text-transform: uppercase;
  font-weight: 800;
}

/*.timeline-swatch label:before {
  content: "";
  display:inline-block;
  width: 12px;
  height: 12px;
  margin-right: 4px;
}
.timeline-swatch.timeline-swatch-water label:before {background: #283f9a}
.timeline-swatch.timeline-swatch-land label:before {background: #7b9563;}
*/

.timeline-swatch.timeline-swatch-land label {
  color:rgba(153, 198, 149, 0.92);
}
.timeline-swatch.timeline-swatch-water label {
  margin-top: 20px;
}


#timeline-year-readout {
  font-size: 30px;
  position: relative;
  float:right;
}

#timeline-y-axis {
  position: absolute; 
  top: 30px;
  right: 30px;
  width: 20px;
  bottom: 13px;
  z-index: 111;
  font-size: 10px;
  font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, arial, sans-serif;
  color: rgba(255,255,255,.7);
}

#timeline-y-axis label {
  position:absolute;
}

#timeline-y-axis label.first {top:0;}
#timeline-y-axis label.mid {top: 50%; margin-top: -5px;}
#timeline-y-axis label.last {bottom: 0}

#timeline-swatch-lockup {
  margin-left:30px;
}

#timeline-graph-label-water-swatch {
  background:#7f9abd;
  float:left;
  display:inline;
} 

.TS-year_notch {
  height:100%;
  position:absolute;
  color:#999;
  border-left: 1px solid #999;
}

.TS-year_notch_year_text {
  display: block;
  font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, arial, sans-serif;
  font-size: 12px;
  padding: 2px 0 0 5px;
  color: rgba(255,255,255,.7);
  font-weight: 600;
}

.TS-notch{
  width:4px;
  cursor:pointer;
}
.TS-card_container {
  position:absolute;
  margin-left:-5px;
  z-index: 9999;
}
.TS-controls {
  overflow:visible;

}
.TS-zoom-container {
  width:50px;
}
.TS-choose-container {

}
.TS-controls a {
  background-color:#f0f0f0;
  padding:3px 5px 3px 5px;
  color:#444;
  font-family:"Helvetica Neue",Arial,sans-serif;
  font-weight:normal;
  font-size:14px;
  margin-right: 3px;
  display: inline;
  cursor:pointer;
  height: 50px;
  line-height: 50px;
  -webkit-box-shadow: #f0f0f0 0 0 2px;
  -moz-box-shadow: #f0f0f0 0 0 2px;
}
.TS-controls a.TS-choose {
  padding: 7px;
  background: #f0f0f0;
  font-weight: bold;
  cursor: pointer;
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  color: #444;
  text-decoration: none;
  margin: 0;
  font-family: "Helvetica",Arial,sans-serif;
  font-size: 14px;
  text-align: center;
}
.TS-controls a.TS-choose:hover {
  text-decoration: none;
  background: #fff;
}
.TS-choose_next {
  margin-left:4px;
}
.TS-controls a.TS-controls_disabled {
  color:#cecece;
  background-color:#f7f7f7;
  cursor:default;
}
.TS-controls a:hover {
  background-color:#fff;
}
.TS-zoom {
  background-repeat:no-repeat;
  background-position:center center;
  width:20px !important;
  padding:3px 8px 3px 8px !important;
  margin-right:4px;
}
.TS-zoom_inner_text {
  display:none;
  /* IE7 */
  *display:inline;
}
.TS-zoom_in {
  background-image:url("data:image/gif;charset=utf-8;base64,R0lGODlhCgAKALMAADMzM//M/5GRkdXV1fDw8GZmZk1NTf////r6+gAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAEALAAAAAAKAAoAAAQpMMhJpyiihjLIKJTQGV4mFYShEqAkHIiBHKYEHHhhVAWgY5qToFZRRQAAOw==");
}
.TS-zoom_out {
  background-image:url("data:image/gif;charset=utf-8;base64,R0lGODlhCgAKALMAADMzM//M/5GRkdXV1fDw8GZmZk1NTf////r6+gAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAEALAAAAAAKAAoAAAQoMMhJpyiihjLIKJTQEV4mFYShEqAkHAh8mBJw3IVRFUCOaScBraKKAAA7");
}

/* legend */

.TS-series_nav_container {
  font-family:Arial,sans-serif;
  font-size:11px;
  height:30px;
  margin-left:-10px;
  width:75%;
}
.TS-series_legend_swatch {
  background-image:url("data:image/gif;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIBJREFUeNrskksKwCAMBev9byS4UfEOoh7AA4hu9JUG2kVb+8FVoYFsQmbghTAA00ix7wumRfC0nXPYz97Ca70ThBA20hhzL7DWIsZIi957AmutB7gryDkTlFLaYKUUznZPBUIIlFIIbq1BSolevG5uzjnF0Frj6j7sf+VxwSzAAG/ifZQMhRJhAAAAAElFTkSuQmCC");
  background-repeat:no-repeat;
  background-position:center center;
  width: 16px;
  height: 16px;
  display: block;
  float: left;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border-top-left-radius: 2px 2px;
  border-top-right-radius: 2px 2px;
  border-bottom-right-radius: 2px 2px;
  border-bottom-left-radius: 2px 2px;
  margin-right:5px;
}
.TS-series_legend_item {
  float:left;
  margin:-3px 10px 6px 10px;
  cursor:pointer;
}
.TS-series_legend_item_inactive .TS-series_legend_swatch {
  background-image:none !important;
  filter:alpha(opacity=40); /* IE can't do data URLs, so this will serve as 'inactive' UI for series heds in IE */
}
.TS-item h2, .TS-img-hed {
  font-family: 'Helvetica Neue',arial,sans-serif;
  font-size: 18px;
  font-weight: bold;
  display:inline-block;
  margin:0;
  margin-bottom: 10px;
  line-height:20px;
}
.TS-permalink {
  font-family:"Helvetica Neue",arial,sans-serif;
  font-size:12px;
  color:#404040;
  cursor:pointer;
  padding:0 0 0 15px;
  margin-top:-5px;
  float:left;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
}

/* color priority */
/* "#065718", "#EDC047", "#91ADD1", "#929E5E", "#9E5E23", "#C44846", "#465363", "#EDD4A5", "#CECECE" */

/* default */
.TS-notch_color_default,.TS-series_legend_swatch_default {
  background-color: transparent;
}
.TS-css_arrow_color_default {
  border-bottom-color:#444;
}
.TS-item_color_default {
  border-top:1px solid #444;
}
#timeline {
height: 50px;
width: 74.9%;;
top: 12px;
position: absolute;}
.timeline_setter { width: 100%;
margin: 0 auto;
padding: 0;
position: relative;
height: 100%;
background:transparent;}
.TS-item_year { display:none; }
.TS-item { box-shadow: 0 0 5px #999; }
.TS-series_nav_container { display:none;}
.TS-item_label {
font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, arial, sans-serif;
font-weight: 800;
font-size: 18px;
line-height: 20px;
height: 85%;
display: block;
text-align: center;
}
.TS-controls {
  margin: 0;
  position:relative;
  z-index:999999;
  height:32px;
}
.TS-card_scroller {
  height: 90px;
}
.TS-notchbar {
  z-index: 999999;
}



/* beyond mobile to landscape tablet to min desktop */

@media screen and (min-width:481px) and (max-width: 1025px) {
  .location-dropdown-button ul {
    left: auto;
    margin: 10px 0px 0px 5px;
  }

  #area-nav {
    width:100%;
    top:0;
    padding-left:10px;
  }


  #area-overview {
    width: 350px;
    top: 141px;
     -webkit-overflow-scrolling: touch;
  }

  .area-sidebar-slideshow, .area-sidebar-standalone-slideshow {
    width:350px;
  }

  .area-sidebar-slideshow img, .area-sidebar-standalone-slideshow img {
    width:100%;
  }
  .area-timeline-wrap {
    top: 50px;
  }

/*  #area-nav #interest-detail-home-cluster { margin-left:0px;}
*/
  .embed_player_icon {
    margin: -150px 0 30px 0;
  }

  .with-sidebar #locator_map_container {
    right: 335px;
    bottom: 15px;
  }

  .with-sidebar #overview-content-wrap {
    bottom: 90px;
  }

  .with-sidebar #map-sources {
    right: 365px;
  }


  #map-legend {right: 335px;}

  #overview-nav-wrap #slide-next {
    margin-top: 39px;
    border-width: 16px 0 16px 28px;
  }

  #overview-nav-wrap #slide-prev {
    margin-top: 39px;
    border-width: 16px 28px 16px 0;
  }

  .overview-explainer p:first-child {
    font-size: 18px;
    line-height: 24px;
  }
  .overview-explainer p:first {
    font-size: 21px;
    margin-bottom: 20px;
    line-height: 26px;
  }
  .overview-explainer h2.first-title {
    font-size: 28px;
  }


  .overview-explainer p, #area-details p, .popup_img_caption p, #area-details .audio-container h4 {
    font-size: 13px;
    line-height: 20px;
  }

  #locator_map {
    background-size: contain;
    height:75px;
    width: 92px;
  }

  #locator_map_container {
    bottom: 15px;
  }

  ul.area_annotation_labels li, ul.area_annotation_labels li img, .audio-container, #area-details p img {
    width:100%;
  }

  #overview-nav .nav-toggle {
    padding: 6px 5px;
    font-size: 10px;
  }

  #timeline-graph-labels {
    width: 97px;
  }

  /* when we're in near view in mobile, shift everything up,
  to reclaim logo bar real estate */
  #overview-wrap.map-near .area-timeline-wrap{
    top:13px;
  }
  #overview-wrap.map-near + #area-overview {
    top:55px;
  }
}

/* mobile/phablet only */
@media screen and (max-width:602px) {
    #timeline-year-readout {
    position:relative;
  }

  .timeline-swatch { float:left; }
  .timeline-swatch.timeline-swatch-water label:before {background: #283f9a}
  .timeline-swatch.timeline-swatch-land label:before {background: #7b9563;}

}

/* beyond phablet to tablet portrait */
@media screen and (min-width:602px) and (max-width: 768px) {


  #overview-nav-wrap {
    right:0;
    padding: 5px 0;
  }
  .app-detail.with-sidebar #area-overview {
    top: 199px;
  }

  .with-sidebar #overview-content {
    width: 315px;
  }

  /* near view tablet portrait */
  #overview-wrap.map-near + #area-overview {
    top:164px;
  }
}

/* beyond mobile to landscape tablet to min desktop */
@media screen and (min-width:768px) and (max-width: 1025px) {

  #overview-nav-wrap {
    padding:0;
    width:100%;
  }
  #area-overview {
    width: 350px;
    top: 131px;
  }
  #overview-nav > ul ul {margin: 0 5px;}
}

/* desktop to BIG desktop */
@media screen and (min-width:1025px) and (max-width:1290px) {
    #overview-nav .nav-toggle {
    padding: 6px 5px;
    font-size: 10px;
  }
  #timeline-graph-labels {
    width: 103px;
  }
}

/* between iPhone and iPad */
@media screen and (min-width:482px) and (max-width:767px) {
  .area-sidebar-slideshow, .area-sidebar-standalone-slideshow {
    margin-left:0;
    width:100%;
  }
  .area-sidebar-slideshow img, .area-sidebar-standalone-slideshow img {
    width:100%;
  }
  #area-details .area-img-caption {
    margin-top:10px;
  }

  #map-legend {display:none;}
  #map-legend.legend-blank,
  #map-legend.legend-blank-trans {display: block}


}

/* media queries for when the intro page is short so text runs over map */
/* NOT mobile, short screen */
@media screen and (min-width: 602px) and (max-height:1100px) {
  #overview-wrap.intro #overview-content.initial {
    background: rgba(0,0,0,.60);
    padding: 30px;
  }
}

/* if we're on a retina display, bump down label sizes to further avoid collisions */
@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 200dpi) {
   #overview .leaflet-custom-popup {
      font-size:8px !important;
   }
   #overview .leaflet-custom-popup-inner.historic-true {
      font-size:6px !important;
   }
}