/* 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;
  }
.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;
  position: absolute;
  text-shadow: 0 0 4px #000, 0 0 4px #000;
  z-index: 111;
  line-height: 13px;
  letter-spacing: -0.02em;
  font-size: 12px;
}
.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;
}
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("/larestoration/assets/propublica-logo.min-9a4d36ea96f7e4ca53248e61647c7f12.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("/larestoration/assets/thelens-logo-be856527e43e0a2aa7fbd76b25f183dd.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: fixed;
  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.55em;
  right: 0.25em;
  list-style: none;
}
#banner-identity #banner-share li {
  width:30px;
  height: 30px;
  margin-right: .5em;
  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) {
  #banner-identity #banner-share {
    display:none;
  }
}
a {color: #fff; text-decoration: underline}

html {
  background:inherit;
}
body {
  background: #222;
  font-family: "Adelle",Georgia,serif;
  color: #ddd;
  margin:0;padding:0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;  
  font-size:16px;
}


.leaflet-container {
  background:transparent;
  cursor: default;
}

/*.leaflet-tile-container {
  opacity:0;
}
*/
.minimaps_map .leaflet-tile-container {
  opacity:1;
}

#map_page_container {
  width:100%;
  position:relative;
}

#map_page_container h1 {
  font-size:3.3em;
  line-height:1.6em;
  color:#fff;
}
#map_page_container h3 {
  font-size:1.1em;
  line-height:1.3em;
  color:#fff;
  font-weight:400;
}
.bolddek {
  font-weight:600;
}
#map_page_container #guff h2 {
  font-size:0.9em;
  border:none;
  font-weight:500;
  color:#fff;
  margin-top:20px;
}
#map_page_container h2 {
  font-size: 1.7em;
  line-height: 1.2em;
  padding-bottom: 11px;
  color: #fff;
}
#map_page_container h3.eyebrow {
  font-size: 0.8em;
  line-height: 0.6em;
  font-weight: 600;
  font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, arial, sans-serif;
  text-transform: uppercase;
}
#map_page_container p, #comments {
  font-size:1em;
  line-height:1.4em;
  color:#fff;
  margin: 0 20% 1.4em;
}
#map_page_container p.section {
  margin-top: 40px !important;
}
.lead-in {
  text-transform:uppercase;
}
#map_page_container p.footer-text {
  color:#999;
  font-style:italic;
}
/*#map_page_container p:first-child {
  font-size:2em;
  line-height:2em;
}
*/

#guff {
  position:relative;
}

#guff-head {
  text-align: center;
  /*padding: 186px 0 499px;*/
  position:relative;
}

#guff-head .break {
  display:block;
}

#guff-head hr {
  border-top: 1px solid rgba(255,255,255,.3);
  width: 200px;
  margin-top: 20px;
}

#guff-head h3 {
  line-height: 1.5em;
  margin: 14px 0;
}

#guff-caption {
  position: relative;
  float: right;
  margin: 1.5em;
  font-size: 0.8em;
  color: #888;
  opacity: 0.8;
  font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: 600;
  line-height: 1.5em ;
  letter-spacing: -1px;
}

#guff-head h2.byline {font-style: italic}
#map_page_container #guff #guff-head h2.date {margin-top: 0}

#guff-text {margin: 75px 0 50px}

#guff-head-content {position: relative; z-index: 11;}

#guff h1 {
  text-shadow: 2px 2px rgba(0,0,0,.2);
  margin-bottom: 0;
  line-height: 1.3em;  
}



#guff h1 {font-family:inherit;}
#guff h2, #guff h3, #guff p, #guff ul {
  font-family:inherit;
}
#guff p {font-size: 1.2em;}

#guff #guff-bg {
    background: bottom center url("/larestoration/assets/10152014_LENS_WETLANDS_023-2000-c22898d0fa3788eb21a85530b7bec92a.jpg");
    height: 100%;
    width: 100%;
    position:absolute;
    top:0;
    left:0;
    z-index: 10;
    background-size: cover;
    opacity:.9;
}

#guff .drop {
  float: left;
  font-size: 3.375em;
  color: #fff;
  line-height: 0.875em;
  margin-right: 0.0625em;
}

#top_map .active path {    
  stroke: #fff;
  stroke-width:3;
  stroke-opacity: 1;
  fill-opacity:0;
}


#top_map_wrap {
  position: relative;
  width: 100%;
}
#top_map_nav {
  position:absolute;
  width:100%;
  top:0;
  z-index:1000;
  background: #222;
}
#top_map ul {
    border-top: 1px solid #555;

}

#top_map #layer_wetlands {
  -webkit-filter: drop-shadow(5px 5px 10px rgba(0,0,0,1)) brightness(130%);
  filter: drop-shadow(5px 5px 10px rgba(0,0,0,1)) brightness(130%);
}

#top_map_nav ul, .minimap-toggle-container ul {
  text-align:center;
  font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, arial, sans-serif;
  margin: 10px 60px;
}
#top_map_nav ul li, .minimap-toggle-container ul li {
  display: inline-block;
  color: rgba(255,255,255,0.6);
  font-size: 15px;
  border: 1px solid #555;
  cursor: pointer;
  text-transform: uppercase;
  font-weight:800;
  position: relative;
  white-space: nowrap;
  margin: 10px -2px;
  padding: 10px 16px;
  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;  
}

#top_map_nav ul {
    margin: 10px;
}
#top_map_nav ul li {
  padding: 12px 3%;
  font-size: .85em;
}

#top_map_nav ul li.first, .minimap-toggle-container ul li.first {
  border-radius: 3px 0 0 3px;
}
#top_map_nav ul li.last, .minimap-toggle-container ul li.last {
  border-radius: 0 3px 3px 0;
}
#top_map_nav ul li.separate, .minimap-toggle-container ul li.separate {
  margin-left: 25px;
  border-radius: 3px;
  padding: 12px 2.5%;
}
#top_map_nav ul li.active, .minimap-toggle-container ul li.active {
  color: #fff;
  z-index: 111;
  border: 1px solid #fff;
}

#project_readout {
  display:none;
  position: absolute;
  z-index: 11111111;
  top: 875px;
  right: 0;
  width: 300px;
  background: rgba(0,0,0, 0.80);
  padding: 13px;
  box-shadow: 5px 5px 5px rgba(0,0,0,.1);
  font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, arial, sans-serif;
  font-weight: 600;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#project_readout .off-map {
  float:right; font-weight: normal;
  font-size: 11px;
}

#project_readout h2 {
  font-size:14px;
}

#project_readout p {
  margin:0;
  font-size:11px;
}

#project_readout h4, #project_readout h2.project_costs {
    font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, arial, sans-serif;
    font-weight:600;
    border:none;
}
#project_readout h4 {
  font-size:12px;
  margin-bottom:0;
}
#project_readout h4 span {
  padding:2px;
}
#project_readout .type {
  margin: -13px;
  padding: 13px;
  margin-bottom: 13px;
  color: #fff;
  text-transform: uppercase;
  font-size: .7em;
  font-weight: bold;
}

#project_readout.off-map {
/*  left: 45px !important;
  top: 1550px !important;
  transition: .5 all;*/
}

#project_readout:after {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(0, 0, 0, 0);
  border-left-color: #000000;
  border-width: 25px;
  margin-top: -25px;
}
#project_readout.off-map:after,
#project_readout.left-arrow:after {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(0, 0, 0, 0);
  border-right-color: #000000;
  border-width: 25px;
  margin-top: -25px;

  left: auto;
  border-left-color: none;
}

#project_readout .readout-credit {
  font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, arial, sans-serif !important;
  font-style: italic;
  font-weight: 600;
  letter-spacing: -1px;
  color: #777;
  display: block
}

#graph-legend {
  text-align:center;
}
#graph-legend li {display:inline-block; margin-right: 8px;}
#graph-legend li label {display: inline-block; margin-left: 8px;}
#graph-legend .graph-legend-item:before {
    content: "";
    width: 9px;
    height: 9px;
    font-weight: bold;
    display: inline-block;
    margin: 0 3px 0 3px;
    box-shadow: 0 0 3px -1px rgba(0,0,0,.8);
    border:1px solid #000;
}


#project_graph {
  z-index: 113;
  padding: 0;
  font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, arial, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 11px;
  margin-top: 15px;
}
#project_graph.hide {
  height:0; 
  visibility:hidden;
  margin-top: 0;

}

#project_graph .project-bar {
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
#project_graph .project-bar.offmap {
  opacity: .5;
}



#project_graph.filter-active .project-bar.filtered {opacity: 1; } 

#project_graph.filter-active .project-bar {fill: #666 !important} 
#project_graph.filter-active .project-bar + .project-hit {pointer-events:none;}
#project_graph.filter-active .project-bar.filtered + .project-hit {pointer-events:auto;}

#project_graph.filter-active .project-bar {
  opacity: .2;
} 

#project_graph .project-bar.active {fill: white !important;}
#project_graph .project-bar:hover {fill: white !important;}

#project_graph .project:hover > .project-bar {fill: white !important;}

#project_graph.filter-active .project:hover > .project-bar {fill: #666 !important;}
#project_graph.filter-active .project:hover > .project-bar.filtered {fill:white !important;}





#project_graph .project_graph_phase {
  width: 100%
}



.project_graph_phase_label_container {width: 90px; position: absolute; left:0; text-align: right;}
.project_graph_phase_label_container .project_graph_phase_label {
  position: absolute;
  right:0;
}
.project_graph_phase_label_container .project_graph_phase_label.phase1 {top: 0}
.project_graph_phase_label_container .project_graph_phase_label.phase2 {top: 35px}

#project_graph .axis path,  #project_graph .axis line { 
  fill:none;
  stroke-width: 1px;
  stroke: #fff;
  shape-rendering: crispEdges;
}


 #project_graph .phases text {fill:#fff;}

 #project_graph .axis text {
  color: #888;
  fill: #888;
  text-anchor: end !important;
}
#project_graph .axis line {stroke: #888;}

#project_graph rect {shape-rendering: crispEdges }


 #project_graph .axis text:first-child {
  text-anchor: start !important;
 }



#top_map .map-feature {  
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  opacity:0; /* hide initially*/
}

.map-feature.map-feature-polygon {
  fill : rgba(255,255,255,.2);
}
.map-feature.map-feature-linestring {
  stroke : rgba(255,255,255,.5);
}
.map-feature.map-feature-point {
  fill: rgba(255,255,255,.5);
}

.leaflet-layer {
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
}

.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;
}

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

.minimap-toggle-container {
  z-index:999;
  position:absolute;
  background:rgba(0,0,0,0.7);
  width:100%;
}
#top_map {
  width: 100%;
  height: 1100px;
  cursor: default;
}

#minimaps p {

}
#minimaps .minimap_container {
  clear: left;
  margin-top: 30px;
  overflow: auto;
  position: relative;
  margin: 55px 6% 0;
  background: #333;
}
#minimaps .minimap_container.minimap_container_hermitage, #minimaps .minimap_container.minimap_container_hermitage .minimap_map_container {
  height: auto;
}
#minimaps .minimap_container.minimap_container_hermitage .minimaps_map {
  height:550px;
  position:relative;
  float:left;
}
#minimaps .minimap_container:first-child {border-top: 0;}

#minimaps .minimap_map_container {
  width: 60%;
  height: 550px;
  float: left;
  position:relative;
}
#minimaps .minimap_container.left .minimap_map_container{
  float:right;
}

#minimaps .minimap_map_container_west_bay {
  height: 850px;
}
#minimaps .minimaps_map {
  width: 100%;
  height: 100%;
  position:absolute;
}
#minimaps #west-bay.minimaps_map {height: 850px;}
#minimaps #west-bay ul {
  text-align: right;
  margin-right: 16px;
}

#minimaps #west-bay-inset {
  width: 38%;
  height: 311px;
  position: absolute;
  z-index: 9998;
  background: #444;
  box-shadow: 0 0 0 #f0f0f0;
  left: 20px;
  top: 26px;
  outline: 3px solid rgba(255,255,255,.4);
  box-shadow: 0 0 4px 5px rgba(0,0,0,.3);
}
#minimaps .minimaps_map_inset_label {
  width: 35%;
  height:auto;
  padding:10px;
  top: 350px;
  left: 20px;
  background: #000;
  color: #fff;
  z-index: 9998;
  position: absolute;
  font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, arial, sans-serif;
  font-size:12px;
  font-weight:600;
}
#minimaps .minimaps_map_inset_label span {
  display:none;
}
#minimaps .minimap_container.left .minimaps_guff {
  margin-right: 60%;
  margin-left: auto;
}
#minimaps .minimaps_guff {
  margin: 0;
  padding: 25px 40px 40px;
  margin-left: 60%;
}
#minimaps .minimaps_guff h2 {
  padding: 10px 0 10px 0;
}
#minimaps .minimaps_guff h3 {
  padding-bottom: 12px;
  font-style: italic;
}

#minimaps .minimaps_guff p {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 1em;
  padding: 0;
  line-height: 1.5em;
  font-size: .9em;
}

#minimaps .minimaps_guff p.annotation-highlighted {
  border-left: 2px solid #ccc;
  padding-left:14px;
  margin-left: -16px;
}
#minimaps .minimap_container.left .minimaps_guff p.annotation-highlighted {
  border-right: 2px solid #ccc;
  border-left: 0;
  padding-left:0;
  margin-left: 0;
  margin-right: -2px;

}

.annotation-icon {
  width: 2px !important;
  height: 2px !important;
  padding: 1px;
  background: #fff;
  color: #000;
  text-align: center;
  border-radius: 8px;
  box-shadow: 0 0 10px #000;
}

.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;

}

.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;
    margin-top: -3px;
    margin-left: 3px;
}
.explan-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;
}

.map-label-1922-coastline .callout-icon-label, .map-label-1922-coastline .explan-callout-icon-label {
    font-size: 15px;
    margin-left: -32px !important;
    margin-top: 7px !important;
}

.explan-callout-icon-label {
  opacity: 1;
  font-style: normal;
  font-weight: 600;
  line-height: 14px;
}

.explan-callout-icon-label.leaflet-custom-popup-inner {
  background: rgba(0,0,0, 0.80);
  padding: 13px;
  cursor: pointer;
  box-shadow: 5px 5px 5px rgba(0,0,0,.1);
}

.label-icon-label {
    width: 120px;
    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;
}

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



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("/larestoration/assets/icons/annotation-locator-icon-498e5086415e04b749240d816c004b5c.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;
}

svg.map-curves {
    position: absolute;
    top:0;
    left:0;
    pointer-events:none;
    z-index: 9999999;
}

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

#map-description-wrap {
  position: absolute;
  top: 110px;
  right: 18%;
  z-index: 9998;
  background: rgba(0,0,0,.9);
  padding: 20px 2%;
  left: 18%;
  opacity: 1;
  transition: all 1s;
  line-height: 1.5em;
  font-size: .95em;
  box-shadow: 5px 5px 5px rgba(0,0,0,.1);
}

#map-description-wrap ul {margin:20px 0 0 0; text-align:center;}

#top_map_wrap .map-legend {
bottom: 40px;
z-index: 1111;
background: rgba(0,0,0,.5);
padding: 12px 15px 0;
margin-bottom: -5px;
}

#top_map_wrap .map-legend ul {margin-top: 0;}

#top_map_wrap .map-legend li {
    color: #fff;
    margin-right: 13px;
    font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, arial, sans-serif;
    font-weight: 600;
    font-size: 12px;
    display:inline-block;
}
#top_map_wrap .map-legend li label {display: inline-block; margin-left: 5px;}
#top_map_wrap .map-legend li.legend-predicted-loss, #top_map_wrap .map-legend li.legend-predicted-gain { display:none; }
#top_map_wrap .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);
    border:1px solid #000;
    vertical-align: middle;
}
#top_map_wrap .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);
    border:1px solid #000;
    vertical-align: middle;
}
#top_map_wrap .map-legend .legend-predicted-conserved:before {
    content: "";
    width: 9px;
    height: 9px;
    font-weight: bold;
    display: inline-block;
    background: #CBB580;
    margin: 0 3px 0 3px;
    box-shadow: 0 0 3px -1px rgba(0,0,0,.8);
    border:1px solid #000;
    vertical-align: middle;
}

#top_map_wrap .map-legend .legend-wetlands:before {
    content: "";
    width: 9px;
    height: 9px;
    font-weight: bold;
    display: inline-block;
    background: #839E7F;
    border:1px solid #839E7F;
    margin: 0 3px 0 3px;
    box-shadow: 0 0 3px -1px rgba(0,0,0,.8);
    vertical-align: middle;
}
#top_map_wrap .map-legend .legend-not-wetlands:before {
    content: "";
    width: 9px;
    height: 9px;
    font-weight: bold;
    display: inline-block;
    background: #34342F;
    border:1px solid #777;
    margin: 0 3px 0 3px;
    box-shadow: 0 0 3px -1px rgba(0,0,0,.8);
    vertical-align: middle;   
}

#top_map_wrap .map-legend .legend-wetlands.legend-completed-projects:before {
  background:#ff00f2;
  border:1px solid #000;
}

#map-description {
  font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, arial, sans-serif;
  color: #fff;
  font-weight: 600;
  font-size: .9em;
  line-height: 1.4em;
}

p.image-graf {
  margin: 40px 17% 0 !important;
  border: 1px solid #2a2a2a !important;
}
p.image-graf img {
  width:100%;
  display: list-item; /* chrome bug? */
}

p.image-caption {
  font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, arial, sans-serif !important;
  font-style: italic;
  font-size: 13px !important;
  font-weight: 600;
  line-height: 1.5em !important;
  letter-spacing: -1px;
  margin: 18px 20% 55px !important;
  padding-bottom: 16px !important ;
  border-bottom: 1px solid #444 !important;
}
/*p.image-caption.source {font-size: 12px !important; color: #888 !important;}*/
/*p.image-caption.source a {color: #888 !important;}*/

.image-credit {
  color: #888 !important;
}
.image-credit a {color: #888 !important;}


#mobile-top-slides-container {display:none;}

.guff-swatch {
  width: 8px;
  height: 8px;
  display: inline-block;
  line-height: 5px;
  margin: 0 3px;
  border: 1px solid #000;  
}
.guff-swatch-wetlands {
  background:#839E7F;
}
.guff-swatch-not-wetlands {
  background:#000;
  border: 1px solid #fff;  
}
.guff-swatch-gain {
  background:#278920;
}
.guff-swatch-loss {
  background:#b53c00;
}
.guff-swatch-con {
  background:#e5daae;
}
.text-gain {
  color:#69C064;
}
.text-loss {
  color:#EB5D18;
}
.text-con {
  color:#F7E18B;
}
.text-wet {
  color:#A4CB9F;
}
.text-dry {
  color:rgb(163, 163, 163);
}

#hermitage-under-map-boxes {
  padding: 10px;
  position: relative;
  float:left;
}
.hermitage-under-map-box {
  width: 183px;
  float: left;
  padding-right: 20px;
  padding-bottom:10px;
}
.hermitage-under-map-box h4 {
  margin-bottom:5px;
}
.hermitage-under-map-box p {
  font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 600;
  margin: 10px 9px 20px !important;
}
.map-letter-icon {
  font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, arial, sans-serif !important;
  font-weight: 800;
  font-size: 15px;
  display: inline-block;
  color: #000;
  background: #fff;
  border-radius: 40px;
  padding: 0 !important;
  box-shadow: 0 0 5px #000;
  text-align: center !important;
  margin-left: 0 !important;
  margin-right: 5px !important;
  cursor: default !important;
  line-height: 20px;
  width: 20px !important;
  height: 20px !important;
}
.leaflet-marker-icon.map-letter-icon {
  margin-right: 0 !important;
}

#map_page_container .story-side-refer {
  float: right;
  clear:right;
  width: 280px;
  margin-left: 30px;
  margin-right: 10%;
  margin-bottom: 25px;
  background: #333;
  padding: 20px;
}
#map_page_container .story-side-refer h4 {
  margin-bottom:10px;
}
#map_page_container .story-side-refer h4 a {
  color:inherit;
}
#map_page_container .story-side-refer p {
  margin:0;
  font-size:12px !important;
}

.story-side-refer table {
  font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, arial, sans-serif !important;
  text-align:left;
  font-size:14px;
  width:100%;
}
.story-side-refer table tr th, .story-side-refer table tr td {
  padding:5px;
  border-bottom:1px solid #444;
}
.story-side-refer table tr th {
  font-weight:600;
}
.story-side-refer table tr td {
  font-weight:500;
}
.story-side-refer table tr.highlighted td {
  font-weight:600;
  color:#ffa600;
}
.story-side-refer p.story-side-refer-notes {
  font-style:italic;
  margin-top: 10px !important;
}
#footer-footer {
  margin: 50px 0 75px;
}




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

  #guff #guff-bg {opacity: .5;}

  #guff-caption {
    float: none;
    text-align: center;
  }

  #map_page_container h1 {
    line-height:1.1em;
    font-size: 2.5em;
  }
  #map_page_container p {
    font-size: .95em;
  }

  #minimaps p.image-caption {
    margin: 15px 20px !important;
  }

  #guff h2 {
    padding: 0 30px;
    line-height: 1.5em;
  }

  #map_page_container #guff #guff-head h1 {
    font-size: 1.5em;
    margin: 9px !important;
  }

  #map_page_container #guff #guff-head h3.intro {
    font-size: .9em !important;
    margin: 10px 20px !important;
  }


  #map_page_container #guff #guff-head h3.eyebrow {
    font-size: 0.7em;
    line-height: 0.4em;
  }

  /*#map_page_container .ms {display: block}*/

  #minimaps {
    margin:0;
  }

  #guff-text {
    margin: 25px 0;
  }

  #guff-text p {
    margin: 1em 20px 1em;
  }

  #minimaps .minimap_map_container {
    width: 100%;
  }

  #minimaps .minimaps_guff,
  #minimaps .minimap_container.left .minimaps_guff {
    margin-left: auto;
    margin-right: auto;
  }

  #minimaps .minimap_container {margin: 50px 0 25px; padding:15px 0 0; overflow: visible;}

  #minimaps .minimap_map_container {width: 100%; float:none; margin: 20px 0;}
  #minimaps .minimaps_guff {float:none; padding: 15px 20px}
  #minimaps .minimaps_guff h2,
  #minimaps .minimaps_guff h3,
  #minimaps .minimaps_guff p
  {
    margin: 12px 0 !important
  }
  #comments {
    margin: 12px 10px;
  }
 #minimaps .titles {
    margin: 12px 20px !important;
 }

 #minimaps .minimaps_guff {
  margin-left:0 !important;
 }

 .minimap-toggle-container ul li {
  padding: 5px 10px;
  font-size: 14px;
 }

 #minimaps .titles h2 {
  font-size: 1.3em;
 }


 #minimaps .titles h3 {
  font-size: 1em;
 }

.label-icon-label {opacity: .9}

 /* hermitage */
 #minimaps .minimap_container.minimap_container_hermitage, .minimap_map_container.minimap_map_container_lake_hermitage {
   height: auto;
 }
 .minimap_map_container.minimap_map_container_lake_hermitage {
 }
 .minimap_map_container.minimap_map_container_lake_hermitage .minimaps_map {
  height:550px;
  position:relative !important;
  float:left !important;
 }
 #hermitage-under-map-boxes {
  position:relative;
  float:left;
  bottom:0;
 }
 .hermitage-under-map-box {
  width:100%;
  padding: 0;
 }

  #map_page_container h1, #map_page_container #guff h2, #map_page_container #guff h3{
    margin: 12px 20px !important;
  }

  #map_page_container .intra_text p,  #map_page_container .intra_text p.image-caption {
     font-size: .95em;
    line-height: 1.4em;
    margin: 1em 20px 1em;
  }

  .intra_text p.image-caption {
    margin: 1em 20px 2.5em !important;
  }
  .intra_text p.image-graf {
      margin: 2em 0 1em !important;
  }

  #minimaps #west-bay-inset {
    display:none;
  }

  #minimaps #west-bay ul {
    text-align:center;
    margin: 0 auto;
  }

  #map_page_container .story-side-refer {margin: 24px 0; width: 90%;}
  #map_page_container .story-side-refer p, #map_page_container .story-side-refer h4 {margin-left: 5px !important; margin-right: 12px !important;}

  #mobile-top-slides-container {
    display:block;
    background: rgba(69, 69, 69, 1);
    font-size: 14px;
    padding: 10px;
    z-index: 999;
    min-height: 124px;
  }
  .mobile-top-slide {
    display:none;
  }
  .mobile-top-slide p {margin-left: 0 !important; margin-right: 0 !important;}
  .mobile-top-slide.active {
    display:block;
  }
  #mobile-top-slides {
    clear:both;
    margin: 10px;
  }
  #mobile-top-slides-nav {
    overflow:auto;
    margin: 0 10px;
  }
  .mobile-top-slides-nav {
    font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, arial, sans-serif;
    text-transform: uppercase;
    font-weight:bold;
    padding:5px;
    border:1px solid #fff;
    border-radius:2px;
    font-size:12px;
    cursor:pointer;
  }
  #mobile-top-slides-prev {
    float:left;
  }
  #mobile-top-slides-next {
    float:right;
  }

  #top_map_wrap .map-legend {
    background: none;
    padding: 0 6px 12px;
    margin-top: -5px;
  }
  #top_map_wrap .map-legend ul {
    margin:0;
  }
  #top_map .locator_map_container {
    z-index:9999 !important;
  }

  #project_graph {
    top: 450px;
    left: -23px;
    height:auto;
    visibility:hidden;
    z-index:9999;
  }
  #project_readout {
    top: 764px;
    left: 15px !important;
    z-index: 999999;
  }

  #minimaps .minimaps_map_inset_label {top: auto; bottom: 65px; font-size: 11;}

  #minimaps .minimap_map_container_west_bay {
    height:550px;
  }
  #minimaps #west-bay.minimaps_map {
    margin-top:0;
    height:100%;
  }

  .locator_map_container, .locator_map, .locator_map:before{
    background-size: contain !important;
    height: 75px !important;
    width: 92px !important;
  }

    .leaflet-control-container .leaflet-left.leaflet-bottom {
    bottom: 15px;
    left: 15px;
    }

  /* don't show map lines in mobile */
  span.annotation-label, span.intro-annotation-label, a.intro-annotation-label {
    background: inherit !important;
    color: inherit !important;
    padding: 0 !important;
    cursor: default;
    border:none !important;
  }
}

@media screen and (max-width: 900px) {
  #guff-head .break {
    display:inline;
  }

  #guff-head h3 {
    margin: 10px 0;
  }

  #guff-head h3.intro {
    margin-left: 50px;
    margin-right: 50px;
  }


}

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

  #top_map_nav ul li , #top_map_nav ul li.separate {
    padding: 10px 1%;
    font-size: .75em;
  }

  #top_map_nav ul {margin: 10px;}

  #map-description-wrap {
    left: 5%;
    right: 5%;
    top: 90px;
  }

  #map_page_container #guff #guff-head h1 {font-size: 3.1em;}

  #map_page_container p {
    margin: 0 5% 1.4em !important;
  }

  #minimaps .minimaps_guff p.image-caption {
    margin: 0 7% 1.4em !important;
  }

  #minimaps .minimap_container {
    margin: 55px 3%;
  }

  #minimaps .minimap_map_container {
    width: 100%;
  }

  #minimaps .minimaps_guff,
  #minimaps .minimap_container.left .minimaps_guff {
    margin-left: auto;
    margin-right: auto;
    padding: 15px 0 40px;
    clear: both;
  }

  #minimaps .titles {
    margin: 1.4em 5%;
  }

  #hermitage-under-map-boxes {
    padding: 22px 5% 0;
  }
  .hermitage-under-map-box {
    width: 30%;
    padding-right: 3%;
  }


}



@media screen and (min-width: 768px) and (max-width: 920px) {

  #top_map_nav ul li , #top_map_nav ul li.separate {
    padding: 10px 2%;
    font-size: .8em;
  }

}

@media screen and (min-width: 1000px) {
  #map_page_container .intra_text > p,
  #map_page_container #footer-footer > p,
  #guff-text > p
   {margin-left: auto; margin-right: auto; width: 650px;}

   #map_page_container .intra_text p.image-graf {  width: auto !important;}
   #map_page_container .intra_text p.image-caption {margin-left: auto !important; margin-right: auto !important;}

}
@media screen and (min-width: 1300px) {
  #minimaps .minimap_container {max-width: 1250px; margin-left: auto; margin-right: auto;}
  #top_map {height: 1250px;}
}

.locator_map_container {
  position: absolute;
  width: 130px;
  height: 110px;
  z-index: 999999;
  bottom: 25px;
  right: 10px;
  transition: all 1s;
}
.with-sidebar .locator_map_container {
  right: 495px;
}

.locator_map {
  position:absolute;
  width:120px;
  height:98px;
  margin: 8px 4px 8px 4px;
}

.locator_map:before {
  content: "";
  opacity:.8;
  background:transparent url(/larestoration/assets/la-26781-120-98-color-8206653a91b5a4a99afbaf26dc31f02d.png);
  position:absolute;
  width:120px;
  height:98px;
}

.locator_map .point_container {
  position:absolute;
  font-family:Arial;
  font-size:10px;
}
.locator_map .point_mark {
  position:relative;
  top:0;
  left:0;
  width:4px;
  height:4px;
  background:#666;
  border-radius:4px;  
}
.locator_map .point_label {
  position: absolute;
  top: -12px;
  left: -18px;
  width:200px;
  color: #222;
}
.locator_map .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;
}
/*
 * 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 bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any styles
 * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
 * file per style scope.
 *



 */