@charset "UTF-8";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom. */
@import url("https://fonts.googleapis.com/css?family=Montserrat:800");
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed");
/* line 8, ../src/base/_0_normalize.sass */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin. */
/* line 22, ../src/base/_0_normalize.sass */
body {
  margin: 0; }

/* HTML5 display definitions
 * ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11. */
/* line 34, ../src/base/_0_normalize.sass */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */
/* line 41, ../src/base/_0_normalize.sass */
audio, canvas, progress, video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices. */
/* line 53, ../src/base/_0_normalize.sass */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */
/* line 61, ../src/base/_0_normalize.sass */
[hidden], template {
  display: none; }

/* Links
 * ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10. */
/* line 70, ../src/base/_0_normalize.sass */
a {
  background-color: transparent; }
  /* line 73, ../src/base/_0_normalize.sass */
  a:active, a:hover {
    outline: 0; }

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state. */
/* Text-level semantics
 * ========================================================================== */
/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */
/* line 86, ../src/base/_0_normalize.sass */
b, strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome. */
/* line 92, ../src/base/_0_normalize.sass */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome. */
/* line 99, ../src/base/_0_normalize.sass */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9. */
/* line 106, ../src/base/_0_normalize.sass */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers. */
/* line 113, ../src/base/_0_normalize.sass */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers. */
/* line 119, ../src/base/_0_normalize.sass */
sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

/* line 125, ../src/base/_0_normalize.sass */
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em; }

/* line 132, ../src/base/_0_normalize.sass */
sub {
  bottom: -0.25em; }

/* Embedded content
 * ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10. */
/* line 141, ../src/base/_0_normalize.sass */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11. */
/* line 147, ../src/base/_0_normalize.sass */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
 * ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari. */
/* line 156, ../src/base/_0_normalize.sass */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers. */
/* line 162, ../src/base/_0_normalize.sass */
hr {
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers. */
/* line 169, ../src/base/_0_normalize.sass */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers. */
/* line 175, ../src/base/_0_normalize.sass */
code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
 * ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set. */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */
/* line 192, ../src/base/_0_normalize.sass */
button, input, optgroup, select, textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11. */
/* line 206, ../src/base/_0_normalize.sass */
button {
  overflow: visible;
  text-transform: none; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox. */
/* line 216, ../src/base/_0_normalize.sass */
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others. */
/* line 226, ../src/base/_0_normalize.sass */
button, html input[type="button"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/* line 235, ../src/base/_0_normalize.sass */
input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements. */
/* line 246, ../src/base/_0_normalize.sass */
button[disabled], html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+. */
/* line 252, ../src/base/_0_normalize.sass */
button::-moz-focus-inner {
  border: 0;
  padding: 0; }

/* line 256, ../src/base/_0_normalize.sass */
input {
  line-height: normal; }
  /* line 257, ../src/base/_0_normalize.sass */
  input::-moz-focus-inner {
    border: 0;
    padding: 0; }
  /* line 263, ../src/base/_0_normalize.sass */
  input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */ }
  /* line 272, ../src/base/_0_normalize.sass */
  input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto; }
  /* line 275, ../src/base/_0_normalize.sass */
  input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    box-sizing: content-box;
    /* 2 */ }
    /* line 283, ../src/base/_0_normalize.sass */
    input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
      -webkit-appearance: none; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet. */
/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10. */
/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`. */
/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */
/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance). */
/**
 * Define consistent border, margin, and padding. */
/* line 314, ../src/base/_0_normalize.sass */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets. */
/* line 323, ../src/base/_0_normalize.sass */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11. */
/* line 334, ../src/base/_0_normalize.sass */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */
/* line 341, ../src/base/_0_normalize.sass */
optgroup {
  font-weight: bold; }

/* Tables
 * ========================================================================== */
/**
 * Remove most spacing between table cells. */
/* line 350, ../src/base/_0_normalize.sass */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* line 354, ../src/base/_0_normalize.sass */
td, th {
  padding: 0; }

/* line 30, ../src/base/_1_base.sass */
* {
  box-sizing: border-box; }

/* line 32, ../src/base/_1_base.sass */
html {
  overflow-y: auto !important; }

/* line 34, ../src/base/_1_base.sass */
body {
  position: relative;
  background: white;
  color: #222;
  font-family: "Roboto Condensed", sans-serif !important;
  overflow-x: hidden; }

/* line 41, ../src/base/_1_base.sass */
p {
  margin: 0 !important; }

/* line 43, ../src/base/_1_base.sass */
ul, li {
  padding: 0;
  margin: 0; }

/* line 46, ../src/base/_1_base.sass */
figure {
  margin: 0; }

/* line 56, ../src/base/_1_base.sass */
h1 {
  font-family: "Montserrat", sans-serif !important;
  font-weight: 800 !important;
  font-size: 2em !important; }

/* line 56, ../src/base/_1_base.sass */
h2 {
  font-family: "Montserrat", sans-serif !important;
  font-weight: 800 !important;
  font-size: 1.75em !important; }

/* line 56, ../src/base/_1_base.sass */
h3 {
  font-family: "Montserrat", sans-serif !important;
  font-weight: 800 !important;
  font-size: 1.5em !important; }

/* line 56, ../src/base/_1_base.sass */
h4 {
  font-family: "Montserrat", sans-serif !important;
  font-weight: 800 !important;
  font-size: 1.25em !important; }

/* line 56, ../src/base/_1_base.sass */
h5 {
  font-family: "Montserrat", sans-serif !important;
  font-weight: 800 !important;
  font-size: 1em !important; }

/* line 56, ../src/base/_1_base.sass */
h6 {
  font-family: "Montserrat", sans-serif !important;
  font-weight: 800 !important;
  font-size: 0.85em !important; }

/* line 59, ../src/base/_1_base.sass */
small {
  font-size: 0.85emem; }

/* line 63, ../src/base/_1_base.sass */
img {
  max-width: 100%;
  height: auto; }

/* line 67, ../src/base/_1_base.sass */
iframe {
  max-width: 100%; }

/* line 71, ../src/base/_1_base.sass */
li {
  list-style: none; }

/* line 75, ../src/base/_1_base.sass */
a {
  text-decoration: none !important; }

/* line 77, ../src/base/_1_base.sass */
a:focus {
  outline: 0; }

/* line 81, ../src/base/_1_base.sass */
input,
select,
button,
textarea {
  max-width: 100%; }
  /* line 86, ../src/base/_1_base.sass */
  input::focus, input::-moz-focus-outer, input::-moz-focus-inner,
  select::focus,
  select::-moz-focus-outer,
  select::-moz-focus-inner,
  button::focus,
  button::-moz-focus-outer,
  button::-moz-focus-inner,
  textarea::focus,
  textarea::-moz-focus-outer,
  textarea::-moz-focus-inner {
    border: 0;
    outline: 0; }

/* line 93, ../src/base/_1_base.sass */
select:hover {
  cursor: pointer; }

@-moz-keyframes fade {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes fade {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fade {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
/* line 102, ../src/base/_1_base.sass */
[ng-view] {
  -moz-animation: fade 1s 1;
  -webkit-animation: fade 1s 1;
  animation: fade 1s 1; }

/* line 105, ../src/base/_1_base.sass */
.container-fixed {
  padding: 12px; }

@-moz-keyframes scaleup {
  0% {
    transform: scale(0, 0); }
  100% {
    transform: scale(1, 1); } }
@-webkit-keyframes scaleup {
  0% {
    transform: scale(0, 0); }
  100% {
    transform: scale(1, 1); } }
@keyframes scaleup {
  0% {
    transform: scale(0, 0); }
  100% {
    transform: scale(1, 1); } }
@-moz-keyframes scaleup_y {
  0% {
    transform: scale(1, 0); }
  100% {
    transform: scale(1, 1); } }
@-webkit-keyframes scaleup_y {
  0% {
    transform: scale(1, 0); }
  100% {
    transform: scale(1, 1); } }
@keyframes scaleup_y {
  0% {
    transform: scale(1, 0); }
  100% {
    transform: scale(1, 1); } }
@-moz-keyframes fadein_toright {
  0% {
    opacity: 0;
    transform: translate(-10px, 0); }
  100% {
    opacity: 1;
    transform: translate(0, 0); } }
@-webkit-keyframes fadein_toright {
  0% {
    opacity: 0;
    transform: translate(-10px, 0); }
  100% {
    opacity: 1;
    transform: translate(0, 0); } }
@keyframes fadein_toright {
  0% {
    opacity: 0;
    transform: translate(-10px, 0); }
  100% {
    opacity: 1;
    transform: translate(0, 0); } }
/* line 4, ../src/regions/_region-content.sass */
.region-content .container-fixed {
  max-width: 1280px;
  margin: 0 auto; }
/* line 7, ../src/regions/_region-content.sass */
.region-content .container-fluid {
  max-width: 100%; }

/* line 3, ../src/regions/_region-footer.sass */
.region-footer {
  background-color: #666;
  height: 200px; }

/* line 1, ../src/regions/_region-header.sass */
.region-header {
  padding: 30px 0;
  background-color: #063461; }
  /* line 4, ../src/regions/_region-header.sass */
  .region-header .container {
    max-width: 1280px;
    margin: 0 auto; }
  /* line 7, ../src/regions/_region-header.sass */
  .region-header .site-logo {
    max-width: 120px; }

/* line 3, ../src/blocks/_common.sass */
.methodology-notes,
.citation-notes {
  color: #063461;
  background-color: #f5f5f5;
  padding: 24px;
  margin: 48px 0;
  font-size: 0.85em; }
  /* line 26, ../src/base/_2_elements.sass */
  .methodology-notes a, .methodology-notes a:link, .methodology-notes a:hover, .methodology-notes a:visited, .methodology-notes a:active,
  .citation-notes a,
  .citation-notes a:link,
  .citation-notes a:hover,
  .citation-notes a:visited,
  .citation-notes a:active {
    color: inherit !important; }
  /* line 11, ../src/blocks/_common.sass */
  .methodology-notes a,
  .citation-notes a {
    border-bottom: 1px dotted;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease; }
  /* line 14, ../src/blocks/_common.sass */
  .methodology-notes a:hover,
  .citation-notes a:hover {
    opacity: 0.75; }
  /* line 16, ../src/blocks/_common.sass */
  .methodology-notes h5,
  .citation-notes h5 {
    margin: 0 0 8px; }

/* line 18, ../src/blocks/_common.sass */
.methodology-notes--view,
.citation-notes--view,
.methodology-notes--location,
.citation-notes--location {
  font-family: "Roboto Condensed", sans-serif;
  background-color: transparent !important;
  margin: 0 !important;
  padding: 24px 0 0 0; }

/* line 26, ../src/blocks/_common.sass */
abbr {
  text-decoration: none; }

/* line 28, ../src/blocks/_common.sass */
abbr:hover {
  cursor: help; }

/* line 30, ../src/blocks/_common.sass */
.view-description {
  font-size: 1.35em;
  padding: 48px 24px; }

/* line 33, ../src/blocks/_common.sass */
.view-colophon {
  color: #063461; }
  @media screen and (max-width: 768px) {
    /* line 33, ../src/blocks/_common.sass */
    .view-colophon {
      margin-top: 96px; } }

/* line 38, ../src/blocks/_common.sass */
.breadcrumb a, .breadcrumb button {
  border: 0;
  background: none;
  text-decoration: underline;
  text-decoration-style: dotted;
  text-transform: uppercase;
  font-size: 0.8em;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease; }
  /* line 46, ../src/blocks/_common.sass */
  .breadcrumb a:hover, .breadcrumb button:hover {
    opacity: 0.75; }

/* line 48, ../src/blocks/_common.sass */
.page-explanation {
  color: #063461;
  max-width: 240px;
  line-height: 1.1;
  font-size: 0.9em; }
  /* line 53, ../src/blocks/_common.sass */
  .page-explanation strong {
    text-transform: uppercase;
    font-size: 0.8em;
    color: #DC9C38; }
  @media screen and (min-width: 768px) {
    /* line 48, ../src/blocks/_common.sass */
    .page-explanation {
      margin: 24px; } }
  @media screen and (min-width: 992px) {
    /* line 48, ../src/blocks/_common.sass */
    .page-explanation {
      float: right;
      margin-top: -48px; } }

@media screen and (min-width: 992px) {
  /* line 62, ../src/blocks/_common.sass */
  .page-explanation--en {
    float: right;
    margin-top: -12px; } }

/* line 68, ../src/blocks/_common.sass */
.page-id-340 .site-content,
.page-id-350 .site-content {
  padding: 0; }

/* line 72, ../src/blocks/_common.sass */
.page-id-340 .site-content .bnt-container,
.page-id-350 .site-content .bnt-container {
  font-size: 16px;
  min-width: 1280px; }

/* line 3, ../src/blocks/_methodology.sass */
.methodology {
  color: #063461;
  padding: 48px 192px 192px; }
  /* line 6, ../src/blocks/_methodology.sass */
  .methodology a {
    text-decoration: underline !important; }
  /* line 8, ../src/blocks/_methodology.sass */
  .methodology a, .methodology a:link, .methodology a:visited {
    color: #DC9C38; }
  /* line 10, ../src/blocks/_methodology.sass */
  .methodology a:hover {
    color: #d59125; }
  /* line 12, ../src/blocks/_methodology.sass */
  .methodology a:active {
    color: #DC9C38; }
  /* line 14, ../src/blocks/_methodology.sass */
  .methodology h3 {
    border-bottom: 4px solid #063461; }

/* line 17, ../src/blocks/_methodology.sass */
.methodology__title {
  margin-bottom: 0; }

/* line 19, ../src/blocks/_methodology.sass */
.methodology__subtitle {
  margin-top: 0; }

/* line 22, ../src/blocks/_methodology.sass */
.methodology__section {
  margin: 48px 48px 0 0; }
  /* line 24, ../src/blocks/_methodology.sass */
  .methodology__section h5 {
    border-bottom: 2px solid #063461; }

/* line 27, ../src/blocks/_methodology.sass */
.methodology__indicator {
  padding-left: 48px; }

/* line 30, ../src/blocks/_methodology.sass */
.methodology__section-intro {
  font-size: 1.2em; }

/* line 5, ../src/blocks/_project.sass */
#map {
  background: white;
  position: absolute;
  height: 360px;
  left: 0;
  width: 100%;
  z-index: 0; }

/* line 12, ../src/blocks/_project.sass */
#map .leaflet-tile {
  filter: grayscale(100%); }

/* line 14, ../src/blocks/_project.sass */
#map .leaflet-bar {
  border: 0;
  color: #063461; }
  /* line 26, ../src/base/_2_elements.sass */
  #map .leaflet-bar a, #map .leaflet-bar a:link, #map .leaflet-bar a:hover, #map .leaflet-bar a:visited, #map .leaflet-bar a:active {
    color: inherit !important; }

/* line 18, ../src/blocks/_project.sass */
#map .leaflet-control-attribution {
  color: #063461;
  font-size: 0.75em;
  opacity: 0.75; }
  /* line 26, ../src/base/_2_elements.sass */
  #map .leaflet-control-attribution a, #map .leaflet-control-attribution a:link, #map .leaflet-control-attribution a:hover, #map .leaflet-control-attribution a:visited, #map .leaflet-control-attribution a:active {
    color: inherit !important; }

/* line 23, ../src/blocks/_project.sass */
path.leaflet-interactive {
  stroke-width: 1;
  stroke-opacity: 0.4;
  cursor: inherit; }

/* line 31, ../src/blocks/_project.sass */
.project {
  top: 384px; }

/* line 33, ../src/blocks/_project.sass */
.project-map + .container-fixed {
  position: relative;
  margin-bottom: 384px; }

/* line 36, ../src/blocks/_project.sass */
.project-legend {
  padding: 24px;
  background: white;
  color: #063461; }
  @media screen and (min-width: 992px) {
    /* line 36, ../src/blocks/_project.sass */
    .project-legend {
      max-width: calc(100% - 48px);
      width: 50%; } }
  /* line 26, ../src/base/_2_elements.sass */
  .project-legend a, .project-legend a:link, .project-legend a:hover, .project-legend a:visited, .project-legend a:active {
    color: inherit !important; }

/* line 44, ../src/blocks/_project.sass */
.project-legend__meta:not(:last-child) {
  border-bottom: 2px solid #063461; }

/* line 46, ../src/blocks/_project.sass */
.project-legend__meta-label {
  font-family: "Montserrat", sans-serif !important;
  font-weight: 800 !important;
  font-size: 1em !important;
  color: inherit;
  font-style: normal;
  display: inline-block; }
  @media screen and (min-width: 992px) {
    /* line 46, ../src/blocks/_project.sass */
    .project-legend__meta-label {
      width: 33%; } }

/* line 53, ../src/blocks/_project.sass */
.project-legend__name {
  margin-top: 8px;
  text-transform: uppercase;
  line-height: 1; }

@media screen and (min-width: 768px) {
  /* line 57, ../src/blocks/_project.sass */
  .bar-chart,
  .bubble-chart {
    display: inline-block;
    position: relative;
    vertical-align: top; } }
/* line 63, ../src/blocks/_project.sass */
.bar-chart svg,
.bubble-chart svg {
  display: block;
  margin: 0 auto; }

/* line 66, ../src/blocks/_project.sass */
.project-legend + .project-stats-block {
  margin-top: 24px; }

@media screen and (min-width: 768px) {
  /* line 70, ../src/blocks/_project.sass */
  .project-stats-block {
    padding: 24px 24px 0; } }

/* line 73, ../src/blocks/_project.sass */
.project-stats-block__legend {
  color: #063461;
  font-size: 0.8em;
  margin-bottom: 36px;
  margin-left: 24px; }

/* line 78, ../src/blocks/_project.sass */
.project-stats-block__legend--budget,
.project-stats-block__legend--budget-averages {
  margin-left: 24px;
  color: #063461;
  font-size: 0.8em; }

/* line 83, ../src/blocks/_project.sass */
.project-stats-block__legend--budget-averages {
  margin-top: 24px; }
  /* line 85, ../src/blocks/_project.sass */
  .project-stats-block__legend--budget-averages .key {
    font-weight: bold; }
  @media screen and (min-width: 768px) {
    /* line 83, ../src/blocks/_project.sass */
    .project-stats-block__legend--budget-averages {
      display: none; } }

@media screen and (min-width: 768px) {
  /* line 91, ../src/blocks/_project.sass */
  .project-stats-block__legend-list li {
    display: inline;
    margin-right: 8px; } }

/* line 94, ../src/blocks/_project.sass */
.project-stats-block__legend-title {
  margin: 0 0 12px; }

@media screen and (min-width: 992px) {
  /* line 96, ../src/blocks/_project.sass */
  .project-stats-block__charts {
    display: flex; }
    /* line 99, ../src/blocks/_project.sass */
    .project-stats-block__charts .bar-chart {
      flex-grow: 1; } }

/* line 101, ../src/blocks/_project.sass */
.project-stats-block__name {
  margin: 0 0 24px;
  text-transform: uppercase;
  color: #063461;
  border-bottom: 2px solid #063461; }

/* line 106, ../src/blocks/_project.sass */
.project-stats-block__legend--budget + div {
  padding-top: 0; }

/* line 111, ../src/blocks/_project.sass */
.project-stats-block__legend-list .a:before, .project-stats-block__legend-list .b:before, .project-stats-block__legend-list .c:before, .project-stats-block__legend-list .d:before, .project-stats-block__legend-list .e:before,
.tooltip .a:before,
.tooltip .b:before,
.tooltip .c:before,
.tooltip .d:before,
.tooltip .e:before {
  font-size: 0.8em;
  font-family: arial, sans-serif;
  content: "⬤";
  margin-right: 2px;
  position: relative;
  bottom: 3px; }
/* line 118, ../src/blocks/_project.sass */
.project-stats-block__legend-list .a:before,
.tooltip .a:before {
  color: #c83741; }
/* line 120, ../src/blocks/_project.sass */
.project-stats-block__legend-list .b:before,
.tooltip .b:before {
  color: #eda16a; }
/* line 122, ../src/blocks/_project.sass */
.project-stats-block__legend-list .c:before,
.tooltip .c:before {
  color: #6c283d; }
/* line 124, ../src/blocks/_project.sass */
.project-stats-block__legend-list .d:before,
.tooltip .d:before {
  color: #72a68e; }
/* line 126, ../src/blocks/_project.sass */
.project-stats-block__legend-list .e:before,
.tooltip .e:before {
  color: #777; }

/* line 130, ../src/blocks/_project.sass */
.bar-chart__title {
  color: #063461;
  font-size: 0.7em;
  text-transform: uppercase;
  max-width: 90px;
  margin: 12px auto;
  display: block;
  font-weight: bold; }
  /* line 138, ../src/blocks/_project.sass */
  .bar-chart__title:hover {
    cursor: help; }

/* line 140, ../src/blocks/_project.sass */
.bar-chart svg {
  -moz-animation: scaleup_y 0.5s 1;
  -webkit-animation: scaleup_y 0.5s 1;
  animation: scaleup_y 0.5s 1;
  overflow: visible; }

/* line 144, ../src/blocks/_project.sass */
.bar-chart .domain,
.bar-chart .tick {
  stroke: #063461; }

/* line 147, ../src/blocks/_project.sass */
.stacked-chart {
  position: relative;
  width: 100%; }
  /* line 150, ../src/blocks/_project.sass */
  .stacked-chart svg {
    margin: 0 auto;
    display: block; }

@media screen and (min-width: 768px) {
  /* line 153, ../src/blocks/_project.sass */
  .project-stats-block__legend--budget-averages + .project-stats-block__charts {
    padding-top: 0; } }

/* line 156, ../src/blocks/_project.sass */
.stacked-chart .chart__title {
  color: #063461;
  text-transform: uppercase;
  font-size: 0.7em;
  font-weight: bold;
  position: relative;
  left: 48px;
  margin-bottom: 24px; }
  @media screen and (min-width: 768px) {
    /* line 156, ../src/blocks/_project.sass */
    .stacked-chart .chart__title {
      left: 400px; } }

/* line 166, ../src/blocks/_project.sass */
.stacked-chart circle {
  opacity: 0.75; }

/* line 168, ../src/blocks/_project.sass */
text.category {
  display: inline-block;
  max-width: 240px !important;
  overflow: hidden;
  text-overflow: ellipsis; }

/* line 176, ../src/blocks/_project.sass */
.tooltip {
  position: absolute;
  opacity: 0;
  padding: 8px;
  color: #063461;
  pointer-events: none;
  top: -36px;
  font-family: "Montserrat", sans-serif;
  font-size: 0.85em; }
  @media screen and (max-width: 768px) {
    /* line 176, ../src/blocks/_project.sass */
    .tooltip {
      display: none; } }

/* line 187, ../src/blocks/_project.sass */
.bar-chart .tooltip {
  width: 80%;
  left: 10%;
  text-align: center; }

/* line 191, ../src/blocks/_project.sass */
.stacked-chart .tooltip {
  right: 24px;
  top: -24px; }

/* line 197, ../src/blocks/_project.sass */
.breadcrumb--footer {
  width: 220px;
  text-align: center;
  margin: 48px auto;
  border: 2px solid #063461;
  color: #063461;
  line-height: 36px;
  padding: 0 24px;
  font-size: 0.8em;
  text-transform: uppercase;
  -moz-transition: opacity, ease 0.1s;
  -o-transition: opacity, ease 0.1s;
  -webkit-transition: opacity, ease 0.1s;
  transition: opacity, ease 0.1s; }
  /* line 26, ../src/base/_2_elements.sass */
  .breadcrumb--footer a, .breadcrumb--footer a:link, .breadcrumb--footer a:hover, .breadcrumb--footer a:visited, .breadcrumb--footer a:active {
    color: inherit !important; }
  /* line 209, ../src/blocks/_project.sass */
  .breadcrumb--footer:hover {
    opacity: 0.75; }

@media screen and (min-width: 768px) {
  /* line 217, ../src/blocks/_project.sass */
  .bar-chart rect:hover,
  .stacked-chart rect:hover {
    cursor: help; } }

@media screen and (min-width: 768px) {
  /* line 221, ../src/blocks/_project.sass */
  .bubble-chart circle:hover {
    cursor: help; } }

/* line 223, ../src/blocks/_project.sass */
.tick text {
  font-size: 0.75em;
  font-family: monospace; }

/* line 226, ../src/blocks/_project.sass */
.breadcrumb {
  font-size: 0.8em; }
  /* line 228, ../src/blocks/_project.sass */
  .breadcrumb a:before {
    font-family: sans-serif;
    content: "◀";
    font-size: 0.95em;
    position: relative;
    bottom: 2px;
    margin-right: 4px;
    color: #DC9C38; }

@media screen and (min-width: 992px) {
  /* line 236, ../src/blocks/_project.sass */
  .mobile-workaround {
    display: none; } }

/* line 239, ../src/blocks/_project.sass */
.bubble-chart {
  display: none; }
  @media screen and (min-width: 992px) {
    /* line 239, ../src/blocks/_project.sass */
    .bubble-chart {
      display: inline-block; } }

/* line 3, ../src/blocks/_view.sass */
.view-location {
  margin: 48px 0; }
  @media screen and (min-width: 992px) {
    /* line 3, ../src/blocks/_view.sass */
    .view-location {
      font-size: 0.8em; } }

/* line 8, ../src/blocks/_view.sass */
.view-location__header {
  *zoom: 1;
  text-transform: uppercase;
  border-top: 3px solid #063461;
  border-bottom: 3px solid #063461;
  margin-top: 12px; }
  /* line 34, ../src/base/_2_elements.sass */
  .view-location__header:before, .view-location__header:after {
    content: " ";
    display: table; }
  /* line 38, ../src/base/_2_elements.sass */
  .view-location__header:after {
    clear: both; }

/* line 15, ../src/blocks/_view.sass */
.view-location__name {
  line-height: 1.1;
  font-family: "Montserrat", sans-serif !important;
  font-weight: 800 !important;
  font-size: 0.85em !important;
  font-size: 0.9em; }
  /* line 19, ../src/blocks/_view.sass */
  .view-location__name:hover {
    cursor: pointer; }

/* line 22, ../src/blocks/_view.sass */
[class^='view-location__header-col--'] {
  line-height: 24px !important;
  padding: 0;
  color: #063461;
  -moz-transition: background-color 0.25s ease;
  -o-transition: background-color 0.25s ease;
  -webkit-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease; }
  @media screen and (min-width: 992px) {
    /* line 22, ../src/blocks/_view.sass */
    [class^='view-location__header-col--'] {
      display: inline-block;
      float: left; } }
  /* line 30, ../src/blocks/_view.sass */
  [class^='view-location__header-col--'] svg {
    height: 0.8em;
    margin-right: 4px; }
    /* line 33, ../src/blocks/_view.sass */
    [class^='view-location__header-col--'] svg path {
      fill: #DC9C38; }

@media screen and (min-width: 992px) {
  /* line 37, ../src/blocks/_view.sass */
  .view-location__header-col--town {
    width: 15%; }

  /* line 39, ../src/blocks/_view.sass */
  .view-location__header-col--program,
  .view-location__header-col--hood {
    width: 22.5%; }

  /* line 42, ../src/blocks/_view.sass */
  .view-location__header-col--project {
    width: 40%; } }
/* line 45, ../src/blocks/_view.sass */
.view-location__content {
  *zoom: 1;
  color: #063461;
  margin-bottom: 24px; }
  /* line 34, ../src/base/_2_elements.sass */
  .view-location__content:before, .view-location__content:after {
    content: " ";
    display: table; }
  /* line 38, ../src/base/_2_elements.sass */
  .view-location__content:after {
    clear: both; }
  /* line 26, ../src/base/_2_elements.sass */
  .view-location__content a, .view-location__content a:link, .view-location__content a:hover, .view-location__content a:visited, .view-location__content a:active {
    color: inherit !important; }

/* line 51, ../src/blocks/_view.sass */
.view-location-item {
  display: block;
  *zoom: 1;
  position: relative;
  -moz-transition: background-color 0.15s ease;
  -o-transition: background-color 0.15s ease;
  -webkit-transition: background-color 0.15s ease;
  transition: background-color 0.15s ease;
  border-bottom: 1px solid #063461;
  padding: 24px; }
  /* line 34, ../src/base/_2_elements.sass */
  .view-location-item:before, .view-location-item:after {
    content: " ";
    display: table; }
  /* line 38, ../src/base/_2_elements.sass */
  .view-location-item:after {
    clear: both; }
  /* line 58, ../src/blocks/_view.sass */
  .view-location-item .view-location-item__col--town,
  .view-location-item .view-location-item__col--program,
  .view-location-item .view-location-item__col--neighborhood {
    display: inline; }
  /* line 62, ../src/blocks/_view.sass */
  .view-location-item .view-location-item__col--program,
  .view-location-item .view-location-item__col--neighborhood {
    margin-left: 12px; }
  @media screen and (min-width: 992px) {
    /* line 51, ../src/blocks/_view.sass */
    .view-location-item {
      padding: 0; } }
  /* line 68, ../src/blocks/_view.sass */
  .view-location-item i {
    display: none;
    position: absolute;
    right: 12px;
    top: 12px;
    background: #DC9C38;
    color: white;
    width: 24px;
    line-height: 24px;
    text-align: center;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%; }
  /* line 79, ../src/blocks/_view.sass */
  .view-location-item:hover {
    background-color: #f5f5f5; }
    /* line 81, ../src/blocks/_view.sass */
    .view-location-item:hover i {
      -moz-animation: fadein_toright 0.25s 1;
      -webkit-animation: fadein_toright 0.25s 1;
      animation: fadein_toright 0.25s 1;
      display: inline-block; }

@media screen and (min-width: 992px) {
  /* line 85, ../src/blocks/_view.sass */
  [class^='view-location-item__col--'] {
    display: inline-block;
    float: left;
    padding: 12px;
    min-height: 48px; } }

/* line 92, ../src/blocks/_view.sass */
.view-location-item__col--project {
  line-height: 1.1;
  text-transform: uppercase; }

@media screen and (min-width: 992px) {
  /* line 97, ../src/blocks/_view.sass */
  .view-location-item__col--town {
    width: 15%; }

  /* line 99, ../src/blocks/_view.sass */
  .view-location-item__col--program,
  .view-location-item__col--hood {
    width: 22.5%; }

  /* line 102, ../src/blocks/_view.sass */
  .view-location-item__col--project {
    width: 40%; } }
/* line 105, ../src/blocks/_view.sass */
.view-location-item__col--project {
  font-family: "Montserrat", sans-serif !important;
  font-weight: 800 !important;
  opacity: 0.85; }

/* line 110, ../src/blocks/_view.sass */
.view-filters {
  display: flex; }

/* line 113, ../src/blocks/_view.sass */
.view-filter {
  width: 50%;
  color: #063461; }

/* line 117, ../src/blocks/_view.sass */
.view-filter__label {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.85em; }

/* line 122, ../src/blocks/_view.sass */
.view-filter__select {
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  width: auto;
  border: 0;
  background: none;
  margin: 0 0 0 12px;
  padding: 0;
  color: inherit;
  font-size: 0.75em !important;
  z-index: 10;
  display: inline;
  line-height: inherit;
  height: inherit; }

/* line 136, ../src/blocks/_view.sass */
.view-count {
  line-height: 24px;
  padding: 0 12px;
  color: #063461; }

/* line 140, ../src/blocks/_view.sass */
.view-count__n {
  font-weight: bold;
  font-size: 0.99em; }
