@font-face {
  font-family: 'bbffl-icons';
  src: url("/assets/css/fonts/barbarian.eot?6suea0");
  src: url("/assets/css/fonts/barbarian.eot?6suea0#iefix") format("embedded-opentype"), url("/assets/css/fonts/barbarian.ttf?6suea0") format("truetype"), url("/assets/css/fonts/barbarian.woff?6suea0") format("woff"), url("/assets/css/fonts/barbarian.svg?6suea0#barbarian") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }
@font-face {
  font-family: 'bbffl-states';
  src: url("/assets/css/fonts/estados.eot?6suea0");
  src: url("/assets/css/fonts/estados.eot?6suea0#iefix") format("embedded-opentype"), url("/assets/css/fonts/estados.ttf?6suea0") format("truetype"), url("/assets/css/fonts/estados.woff?6suea0") format("woff"), url("/assets/css/fonts/estados.svg?6suea0#estados") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }
html, body {
  padding: 0;
  margin: 0;
  font-family: 'azo-sans-web', sans-serif;
  font-weight: 300;
  font-style: normal; }

a, a:visited, a:active {
  text-decoration: none;
  color: inherit; }

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon {
  font-family: 'bbffl-icons'; }

@media (min-width: 769px) {
  .mobile-only {
    display: none; } }

@media (max-width: 768px) {
  .desktop-only {
    display: none; } }

.unbreakable {
  white-space: nowrap; }

body {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-family: 'azo-sans-web', sans-serif;
  overflow: hidden; }

* {
  box-sizing: border-box; }

header {
  right: auto;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

#map-mobile-name {
  display: none;
  position: fixed;
  left: 50px;
  top: 0;
  width: calc(100% - 50px);
  height: 50px;
  line-height: 50px;
  font-weight: 700;
  color: #647882;
  text-align: center;
  border-bottom: 2px solid #e2e2e2;
  box-sizing: border-box;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  @media (max-width: 768px) {
    #map-mobile-name {
      display: block; } }

#download-map-svg-wrapper {
  position: fixed;
  z-index: 9999;
  left: 0;
  bottom: 0; }

#download-map-svg {
  background: #00b2e2;
  color: #fff; }

.hide-element {
  display: none; }

#buttons {
  position: absolute;
  left: 20px;
  bottom: 20px;
  z-index: 3; }

#zoom-us-button,
#zoom-in {
  display: none;
  position: absolute;
  height: 28px;
  padding: 0 8px;
  font-family: 'azo-sans-web', sans-serif;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.025rem;
  white-space: nowrap;
  background: white;
  border: none;
  outline: none;
  color: #797b8f;
  -moz-box-shadow: 0 2px 8px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 2px 8px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 8px 0px rgba(0, 0, 0, 0.15);
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s;
  -moz-transition: color 0.15s ease-in-out, background-color 0.15s;
  -ms-transition: color 0.15s ease-in-out, background-color 0.15s;
  transition: color 0.15s ease-in-out, background-color 0.15s;
  cursor: pointer; }
  #zoom-us-button:active, #zoom-us-button:focus,
  #zoom-in:active,
  #zoom-in:focus {
    outline: none; }
  #zoom-us-button:hover,
  #zoom-in:hover {
    color: #47464b; }

#zoom-in {
  bottom: 36px; }

#zoom-us-button-text {
  color: #b5b6c1; }

#zoom-us-button {
  bottom: 0;
  color: #c3c4cd; }
  #zoom-us-button:hover {
    color: #00b2e2; }
    #zoom-us-button:hover #zoom-us-button-text {
      color: inherit; }

#zoom-us-button-icon,
#zoom-icon {
  font-family: 'bbffl-icons';
  font-weight: 400;
  text-transform: none;
  margin-right: 0.25rem; }

#zoom-icon {
  font-size: 8px; }

#zoom-us-button-icon {
  font-size: 13px;
  position: relative;
  vertical-align: top; }

.counties {
  cursor: pointer;
  paint-order: stroke fill;
  stroke: #fff;
  stroke-width: 0.1px;
  stroke-linejoin: round;
  stroke-linecap: round;
  z-index: 1; }
  .counties.scale-1 {
    fill: #c7f4ff; }
  .counties.scale-2 {
    fill: #a4e6ff; }
  .counties.scale-3 {
    fill: #75d2fd; }
  .counties.scale-4 {
    fill: #51aff5; }
  .counties.scale-5 {
    fill: #4183e5; }
  .counties.scale-6 {
    fill: #2e62d6; }
  .counties.scale-7 {
    fill: #2e36cf; }
  .counties.scale-na {
    fill: #f1f1f1; }
  .counties.hide {
    fill: none; }
  .counties.white-out {
    fill-opacity: 0.5; }

.overlays {
  z-index: 10;
  filter: drop-shadow(-1px 6px 3px rgba(50, 50, 0, 0.5)); }

.states {
  cursor: pointer;
  paint-order: stroke fill;
  stroke: #fff;
  stroke-width: 0.5px;
  stroke-linejoin: round;
  stroke-linecap: round;
  fill: none;
  z-index: 2; }
  .states.scale-1 {
    fill: #c7f4ff; }
  .states.scale-2 {
    fill: #a4e6ff; }
  .states.scale-3 {
    fill: #75d2fd; }
  .states.scale-4 {
    fill: #51aff5; }
  .states.scale-5 {
    fill: #4183e5; }
  .states.scale-6 {
    fill: #2e62d6; }
  .states.scale-7 {
    fill: #2e36cf; }
  .states.scale-na {
    fill: #f1f1f1; }
  .states.white-out {
    fill-opacity: 0.5; }
  .states.white {
    fill: #fff; }

.highlighted-state {
  paint-order: stroke fill;
  stroke-width: 4px;
  stroke: #fff;
  z-index: 10;
  -webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.4);
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.4); }

#map {
  margin-right: 100px;
  position: relative; }

#scale {
  position: absolute;
  right: 325px;
  bottom: 30px;
  font-size: 10px; }

.scale-label {
  position: absolute;
  right: 100%;
  margin-right: 10px;
  color: #cbcbcb;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.05rem;
  text-transform: uppercase;
  top: 0;
  text-align: right;
  -webkit-font-smoothing: antialiased;
  height: 16px;
  line-height: 16px; }

#scale-label-bottom {
  top: auto;
  bottom: 3px; }

#scale-label-top {
  top: 0;
  bottom: auto; }

.scaleItem {
  position: relative;
  margin-bottom: 3px;
  width: 40px;
  height: 16px; }

.scaleColor {
  width: 30px;
  height: 100%;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out; }
  .scaleColor.scale-1 {
    background-color: #c7f4ff; }
  .scaleColor.scale-2 {
    background-color: #a4e6ff; }
  .scaleColor.scale-3 {
    background-color: #75d2fd; }
  .scaleColor.scale-4 {
    background-color: #51aff5; }
  .scaleColor.scale-5 {
    background-color: #4183e5; }
  .scaleColor.scale-6 {
    background-color: #2e62d6; }
  .scaleColor.scale-7 {
    background-color: #2e36cf; }
  .scaleColor.scale-na {
    background-color: #f1f1f1; }

.active-scale .scaleColor {
  width: 40px; }
.active-scale .scaleText {
  display: block; }

.scaleText {
  text-align: right;
  margin-right: 8px;
  font-size: 13px;
  font-weight: 500;
  color: #333333;
  display: none;
  position: absolute;
  right: 100%;
  top: 0;
  width: 100px; }

.scaleText-1 {
  color: #9fddf3; }

.scaleText-2 {
  color: #86d2f0; }

.scaleText-3 {
  color: #61c1ed; }

.scaleText-4 {
  color: #3da4e9; }

.scaleText-5 {
  color: #337dde; }

.scaleText-6 {
  color: #2e62d6; }

.scaleText-7 {
  color: #2e36cf; }

#selected-county {
  background-color: #eee;
  color: #000;
  padding: 5px;
  font-size: 11px;
  max-width: 150px; }
  #selected-county #county {
    font-weight: bold;
    margin-bottom: 4px; }

#data-value {
  font-weight: 900;
  -webkit-font-smoothing: antialiased; }

#county-info {
  pointer-events: none;
  background-color: #fff;
  color: #545454;
  padding: 15px;
  color: #787878;
  font-size: 16px;
  line-height: 22px;
  max-width: 200px;
  width: 195px;
  font-weight: 500;
  box-sizing: border-box;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  z-index: 100; }
  #county-info.scale-1 {
    border-left: 5px solid #c7f4ff; }
  #county-info.scale-2 {
    border-left: 5px solid #a4e6ff; }
  #county-info.scale-3 {
    border-left: 5px solid #75d2fd; }
  #county-info.scale-4 {
    border-left: 5px solid #51aff5; }
  #county-info.scale-5 {
    border-left: 5px solid #4183e5; }
  #county-info.scale-6 {
    border-left: 5px solid #2e62d6; }
  #county-info.scale-7 {
    border-left: 5px solid #2e36cf; }
  #county-info.scale-na {
    border-left: 2px solid #f1f1f1; }
  #county-info #county-name {
    margin-bottom: 4px;
    display: inline; }
  #county-info .county-info-item {
    margin-bottom: 10px; }

#more-details {
  color: #aaaaaa;
  text-transform: uppercase;
  letter-spacing: 0.075rem;
  font-weight: 700;
  font-size: 11px; }

#data-value.scale-1 {
  color: #9fddf3; }
#data-value.scale-2 {
  color: #86d2f0; }
#data-value.scale-3 {
  color: #61c1ed; }
#data-value.scale-4 {
  color: #3da4e9; }
#data-value.scale-5 {
  color: #337dde; }
#data-value.scale-6 {
  color: #2e62d6; }
#data-value.scale-7 {
  color: #2e36cf; }
#data-value.scale-na {
  color: #dcdcdc; }

#questions-selection-container {
  position: absolute;
  top: 0;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
  width: 300px;
  padding: 25px 0 0;
  z-index: 91;
  background-color: #fff;
  -moz-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.11);
  -webkit-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.11);
  box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.11); }

#questions-header {
  margin: 0;
  cursor: pointer;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.05rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s;
  -moz-transition: color 0.15s ease-in-out, background-color 0.15s;
  -ms-transition: color 0.15s ease-in-out, background-color 0.15s;
  transition: color 0.15s ease-in-out, background-color 0.15s; }
  #questions-header:hover {
    background-color: #cf9651; }

#questions-bottom {
  position: relative;
  box-sizing: border-box;
  padding: 15px 0 20px;
  height: 83px; }

#questions-text {
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #787878;
  cursor: pointer;
  display: inline-block;
  position: absolute;
  width: 220px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s;
  -moz-transition: color 0.15s ease-in-out, background-color 0.15s;
  -ms-transition: color 0.15s ease-in-out, background-color 0.15s;
  transition: color 0.15s ease-in-out, background-color 0.15s; }
  #questions-text:hover {
    color: #545454; }

#questions-left, #questions-right {
  cursor: pointer;
  position: absolute;
  z-index: 50;
  height: 100%;
  top: 50%;
  transform: translateY(-50%);
  font-family: 'bbffl-icons';
  color: #D3AD6F;
  font-size: 36px;
  line-height: 83px;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s;
  -moz-transition: color 0.15s ease-in-out, background-color 0.15s;
  -ms-transition: color 0.15s ease-in-out, background-color 0.15s;
  transition: color 0.15s ease-in-out, background-color 0.15s; }
  #questions-left:hover, #questions-right:hover {
    color: #b7713b; }
  #questions-left:before, #questions-right:before {
    position: absolute;
    top: 0; }

#questions-left {
  left: 0;
  text-align: left; }
  #questions-left:before {
    content: "7";
    left: 10px; }

#questions-right {
  right: 0; }
  #questions-right:before {
    content: "8";
    right: 10px; }

#indicators-x-out {
  position: absolute;
  top: 0;
  right: 0;
  width: 56px;
  height: 56px;
  line-height: 56px;
  color: #aaaaaa;
  background-color: transparent;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s;
  -moz-transition: color 0.15s ease-in-out, background-color 0.15s;
  -ms-transition: color 0.15s ease-in-out, background-color 0.15s;
  transition: color 0.15s ease-in-out, background-color 0.15s; }
  #indicators-x-out:hover {
    color: #FFF; }
  #indicators-x-out:before {
    content: "x";
    font-family: 'bbffl-icons'; }

#indicators-dropdown {
  position: absolute;
  top: 10px;
  width: 450px;
  z-index: 91;
  /* Firefox */
  left: -moz-calc(50% - 225px);
  /* WebKit */
  left: -webkit-calc(50% - 225px);
  /* Opera */
  left: -o-calc(50% - 225px);
  /* Standard */
  left: calc(50% - 225px);
  /* Track */
  /* Handle */
  /* Handle on hover */ }
  #indicators-dropdown #indicators-title {
    background-color: #545454;
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    width: 100%;
    box-sizing: border-box;
    height: 56px;
    line-height: 56px;
    padding: 0 86px 0 30px;
    -webkit-font-smoothing: antialiased;
    cursor: pointer; }
  #indicators-dropdown #indicators-list {
    padding: 25px;
    height: 500px;
    overflow: auto;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
  #indicators-dropdown .indicator {
    position: relative;
    padding-left: 5px;
    margin-bottom: 12px;
    font-size: 17px;
    color: #787878;
    font-weight: 500;
    cursor: pointer;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s;
    -moz-transition: color 0.15s ease-in-out, background-color 0.15s;
    -ms-transition: color 0.15s ease-in-out, background-color 0.15s;
    transition: color 0.15s ease-in-out, background-color 0.15s; }
    #indicators-dropdown .indicator .indicator-name {
      margin-bottom: 4px; }
    #indicators-dropdown .indicator:hover {
      color: #545454; }
  #indicators-dropdown .selected-indicator .indicator-name {
    color: #545454;
    border-bottom: 2px solid #D3AD6F;
    display: inline-block; }
  #indicators-dropdown #healthcare-indicators {
    position: absolute;
    right: 80px;
    top: 0; }
    #indicators-dropdown #healthcare-indicators .indicator-name {
      border-bottom: none; }
    #indicators-dropdown #healthcare-indicators .selected-healthcare-indicator .indicator-name {
      color: #D3AD6F; }
  #indicators-dropdown #rental-indicators .indicator-name, #indicators-dropdown #lowincome-indicators .indicator-name {
    border-bottom: none; }
  #indicators-dropdown #rental-indicators .selected-indicator, #indicators-dropdown #lowincome-indicators .selected-indicator {
    border-bottom: 2px solid #D3AD6F;
    display: inline-block; }
  #indicators-dropdown .healthcare-indicator {
    display: inline-block;
    font-size: 15px;
    margin-right: 20px; }
  #indicators-dropdown .rental-indicator, #indicators-dropdown .lowincome-indicator {
    padding-left: 20px; }
  #indicators-dropdown ::-webkit-scrollbar {
    width: 15px;
    margin-right: 5px; }
  #indicators-dropdown ::-webkit-scrollbar-track {
    background: #F4F4F4; }
  #indicators-dropdown ::-webkit-scrollbar-thumb {
    background: #D1D1D1; }

.indicator-category {
  background-color: #D3AD6F;
  text-align: center;
  display: inline-block;
  padding: 0 15px 0 44px;
  height: 44px;
  line-height: 44px;
  width: auto;
  font-weight: 900;
  position: relative;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  color: #fff;
  margin-bottom: 15px;
  font-size: 15px;
  letter-spacing: 0.05em;
  margin-top: 10px; }
  .indicator-category:first-child {
    margin-top: 0; }
  .indicator-category .mobile-label {
    display: none; }

#literacy-stat-graph, #poverty-stat-graph, #health-stat-graph {
  position: absolute;
  right: 0;
  top: -3px; }

.indicator-category-icon {
  font-family: 'bbffl-icons';
  position: relative;
  display: inline-block;
  font-size: 20px;
  -webkit-font-smoothing: antialiased;
  font-weight: normal;
  position: absolute;
  left: 22px;
  top: 22px;
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  transform: translate(-50%, -50%); }
  .indicator-category-icon:before {
    color: #ffe3c2; }
  .indicator-category-icon.literacy:before {
    content: "i";
    top: 0;
    left: 0; }
  .indicator-category-icon.language:before {
    content: "u";
    top: 0;
    left: 0; }
  .indicator-category-icon.health:before {
    content: "t";
    top: 0;
    left: 0; }
  .indicator-category-icon.education:before {
    content: "r";
    top: 0;
    left: 0; }
  .indicator-category-icon.economic-status:before {
    content: "e";
    top: 0;
    left: 0; }
  .indicator-category-icon.access:before {
    content: "q";
    top: 0;
    left: 0; }
  .indicator-category-icon.housing:before {
    content: "y";
    top: 0;
    left: 0; }
  .indicator-category-icon.demographics:before {
    content: "w";
    top: 0;
    left: 0; }

#sidebar-indicators-list-shown {
  position: absolute;
  top: 50%;
  left: 55px;
  width: 225px;
  box-sizing: border-box;
  transform: translateY(-50%); }

#sidebar-indicators-list-wrapper {
  display: block;
  position: relative;
  background: #fff;
  height: auto;
  padding: 0;
  box-sizing: border-box;
  overflow: hidden;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer; }
  #sidebar-indicators-list-wrapper #sidebar-indicators-list-active-category-symbol {
    display: inline-block;
    margin-left: 14px;
    font-family: 'bbffl-icons';
    font-size: 11px;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: opacity 0.15s ease-in-out;
    -moz-transition: opacity 0.15s ease-in-out;
    -ms-transition: opacity 0.15s ease-in-out;
    transition: opacity 0.15s ease-in-out; }
  #sidebar-indicators-list-wrapper.expanded {
    position: absolute;
    z-index: 1000;
    top: 50%;
    transform: translateY(-150px);
    margin-top: 16px;
    padding: 8px;
    left: -55px;
    width: 290px;
    height: 400px;
    max-height: unset;
    -webkit-box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.2);
    white-space: normal;
    cursor: auto; }
    #sidebar-indicators-list-wrapper.expanded #sidebar-indicators-list-active {
      display: none; }
    #sidebar-indicators-list-wrapper.expanded #sidebar-indicators-list {
      display: block;
      height: 100%;
      overflow: auto; }
    #sidebar-indicators-list-wrapper.expanded #sidebar-indicators-list-active-category {
      display: none; }
    #sidebar-indicators-list-wrapper.expanded #sidebar-indicators-list-close {
      display: block; }
  #sidebar-indicators-list-wrapper:hover #sidebar-indicators-list-active-category-symbol {
    opacity: 1; }

#sidebar-indicators-list-active-category {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  margin: 0 0 8px;
  text-transform: capitalize; }

.sidebar-indicators-list-category {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  margin: 16px 0 12px;
  color: #D3AD6F;
  text-transform: capitalize; }
  .sidebar-indicators-list-category:before {
    display: inline-block;
    position: relative;
    width: 16px;
    height: auto;
    line-height: inherit;
    font-size: 16px;
    font-family: 'bbffl-icons';
    text-transform: none;
    text-align: center;
    top: 2px;
    margin-right: 8px; }
  .sidebar-indicators-list-category span {
    text-transform: capitalize; }

#sidebar-indicators-list-close {
  position: absolute;
  top: 8px;
  right: 8px;
  font-family: 'bbffl-icons';
  color: #545454;
  width: 15px;
  height: 15px;
  cursor: pointer;
  font-size: 15px;
  display: none; }

#sidebar-indicators-list-category-literacy:before {
  content: "i"; }

#sidebar-indicators-list-category-language:before {
  content: "u"; }

#sidebar-indicators-list-category-health:before {
  content: "t"; }

#sidebar-indicators-list-category-economic:before {
  content: "e"; }

#sidebar-indicators-list-category-education:before {
  content: "r"; }

#sidebar-indicators-list-category-access:before {
  content: "q"; }

#sidebar-indicators-list-category-housing:before {
  content: "y"; }

#sidebar-indicators-list-category-demographics:before {
  content: "w"; }

#sidebar-indicators-list-active {
  display: block;
  height: auto;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  margin: 8px 0;
  padding: 0; }

#sidebar-indicators-list {
  padding-right: 20px;
  display: none; }

.sidebar-indicator {
  position: relative;
  font-size: 14px;
  line-height: 18px;
  padding: 4px 0;
  padding-left: 24px;
  cursor: pointer; }
  .sidebar-indicator .indicator-radio {
    display: block;
    position: absolute;
    width: 14px;
    height: 14px;
    border-radius: 7px;
    top: 6px;
    left: 1px;
    background-color: #e2e2e2;
    -webkit-transition: background-color 0.15s ease-in-out;
    -moz-transition: background-color 0.15s ease-in-out;
    -ms-transition: background-color 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out; }
  .sidebar-indicator .indicator-name {
    -webkit-transition: color 0.15s ease-in-out;
    -moz-transition: color 0.15s ease-in-out;
    -ms-transition: color 0.15s ease-in-out;
    transition: color 0.15s ease-in-out; }
  .sidebar-indicator.selected-indicator .indicator-name {
    font-weight: 700; }
  .sidebar-indicator.selected-indicator .indicator-radio, .sidebar-indicator.selected-indicator:hover .indicator-radio {
    background: #545454; }
  .sidebar-indicator:hover .indicator-radio {
    background: #D3AD6F; }

#sidebar-indicators-categories {
  display: inline-block;
  position: absolute;
  width: 60px;
  top: 50%;
  transform: translateY(-50%); }

.sidebar-category {
  display: block;
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0;
  height: auto;
  margin: 0 auto;
  width: inherit;
  height: 26px;
  margin: 4px 0 0;
  text-align: center;
  cursor: pointer; }
  .sidebar-category:hover .indicator-category-icon {
    border: 2px solid #545454; }
    .sidebar-category:hover .indicator-category-icon:before {
      color: #545454; }
  .sidebar-category.indicator-category {
    background: transparent; }
  .sidebar-category .indicator-category-icon {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    width: 26px;
    height: 26px;
    line-height: 22px;
    font-size: 14px;
    border: 2px solid #D3AD6F;
    background: #fff;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out; }
    .sidebar-category .indicator-category-icon:before {
      color: #D3AD6F; }
  .sidebar-category.active {
    z-index: 100;
    margin-top: -2px;
    height: 32px; }
    .sidebar-category.active .indicator-category-icon {
      width: 32px;
      height: 32px;
      line-height: 28px;
      font-size: 18px;
      border-color: #545454;
      -moz-box-shadow: 0 2px 4px 0px rgba(84, 84, 84, 0.3);
      -webkit-box-shadow: 0 2px 4px 0px rgba(84, 84, 84, 0.3);
      box-shadow: 0 2px 4px 0px rgba(84, 84, 84, 0.3); }
      .sidebar-category.active .indicator-category-icon:before {
        color: #545454; }
    .sidebar-category.active + .sidebar-category {
      margin-top: -2px; }

#subquestion-ui {
  display: block;
  position: relative;
  margin: 8px 0 0; }

.subquestion-dropdown {
  display: block;
  position: relative;
  width: 200px;
  margin: 4px 0;
  overflow-y: hidden;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer; }
  .subquestion-dropdown .active-option {
    display: inline-block;
    border: 2px solid #545454;
    padding: 4px 6px;
    width: auto;
    height: auto;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px; }
    .subquestion-dropdown .active-option:after {
      content: ':';
      font-family: 'bbffl-icons';
      font-size: 12px;
      display: inline-block;
      margin-left: 6px; }
  .subquestion-dropdown .subquestion-options {
    display: none;
    position: absolute;
    z-index: 100;
    top: -5px;
    left: -3px;
    width: 200px;
    font-size: 14px;
    line-height: 20px;
    height: auto;
    background: #fff;
    padding: 4px 8px;
    -webkit-box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.2); }
    .subquestion-dropdown .subquestion-options .subquestion-option {
      margin: 0;
      padding: 2px 0 2px 20px; }
      .subquestion-dropdown .subquestion-options .subquestion-option:before {
        content: '';
        display: inline-block;
        position: absolute;
        margin-left: -20px;
        margin-top: 4px;
        width: 12px;
        height: 12px;
        border-radius: 6px;
        background-color: #e2e2e2;
        -webkit-transition: background-color 0.15s ease-in-out;
        -moz-transition: background-color 0.15s ease-in-out;
        -ms-transition: background-color 0.15s ease-in-out;
        transition: background-color 0.15s ease-in-out; }
      .subquestion-dropdown .subquestion-options .subquestion-option.active {
        font-weight: 700; }
        .subquestion-dropdown .subquestion-options .subquestion-option.active:before {
          background-color: #545454; }
      .subquestion-dropdown .subquestion-options .subquestion-option:hover:before {
        background-color: #D3AD6F; }
  .subquestion-dropdown.expanded {
    height: auto;
    overflow-y: visible; }
    .subquestion-dropdown.expanded .subquestion-options {
      display: block; }

#map-selection-wrapper {
  position: relative;
  width: 285px; }

#suggested-search-wrapper {
  position: absolute;
  top: 30px;
  width: 268px;
  left: 18px;
  right: 16px;
  border-bottom: 1px solid #D3AD6F;
  padding: 0 0 0 35px;
  height: 60px;
  line-height: 60px;
  background: none; }
  #suggested-search-wrapper textarea:focus, #suggested-search-wrapper input:focus {
    outline: none; }
  #suggested-search-wrapper:before {
    font-family: 'bbffl-icons';
    content: "~";
    color: #D3AD6F;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1px;
    transform: translateY(-50%);
    font-size: 20px; }

#county-name-measurer {
  display: none;
  font-family: 'azo-sans-web',sans-serif;
  font-size: 20px;
  max-width: calc(100% - 90px);
  white-space: nowrap;
  text-overflow: clip;
  overflow: hidden; }

#suggested-search__state-label {
  position: absolute;
  left: 150px;
  top: 2px;
  margin-left: 2.75rem;
  font-weight: 700;
  font-size: 12px;
  color: #bbb;
  letter-spacing: 0.075rem;
  line-height: 60px; }
  @media (max-width: 768px) {
    #suggested-search__state-label {
      display: none !important; } }

#suggested-search,
#county-name-measurer {
  font-family: 'azo-sans-web',sans-serif;
  font-size: 16px;
  font-weight: 500; }

#suggested-search {
  border: none;
  padding: 0;
  text-overflow: ellipsis;
  width: calc(100% - 80px);
  box-sizing: border-box;
  color: #787878;
  background: none; }
  #suggested-search::placeholder {
    color: #c8c8c8; }

#suggested-search__suggested {
  box-sizing: border-box;
  max-height: 200px;
  background: #fff;
  overflow: scroll;
  position: absolute;
  width: 100%;
  left: 0;
  line-height: 45px;
  overflow-x: hidden;
  display: none; }
  #suggested-search__suggested.show {
    display: block; }

.suggested-search__suggested__option {
  width: inherit;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-sizing: border-box;
  color: #787878;
  font-size: 16px;
  font-weight: 500;
  padding: 8px 16px;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s;
  -moz-transition: color 0.15s ease-in-out, background-color 0.15s;
  -ms-transition: color 0.15s ease-in-out, background-color 0.15s;
  transition: color 0.15s ease-in-out, background-color 0.15s;
  cursor: pointer; }
  .suggested-search__suggested__option:hover, .suggested-search__suggested__option:focus {
    background: #e9f9fe;
    color: #3a79a7; }

.sidebar-header {
  display: block;
  position: relative;
  z-index: 0;
  background: #fff;
  color: #c5c5c5;
  text-transform: uppercase;
  letter-spacing: 0.04rem;
  font-size: 12px;
  padding: 0 12px;
  font-weight: 900;
  margin-bottom: 0;
  width: 100%;
  height: 32px;
  line-height: 32px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .sidebar-header span {
    display: inline-block; }
  .sidebar-header .sidebar-header-bar {
    display: inline-block;
    position: absolute;
    z-index: 0;
    bottom: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #c5c5c5; }
  .sidebar-header .sidebar-header-text {
    position: relative;
    z-index: 50;
    width: auto;
    background: white;
    padding: 0 6px; }

#selected-stat-wrapper {
  position: relative;
  z-index: 1000;
  height: 300px; }

#sidebar-indicators-wrapper {
  position: relative;
  width: 100%;
  height: 268px; }

#selected-stat {
  margin-top: 75px; }
  #selected-stat.no-data #selected-stat-graph {
    display: none; }
  #selected-stat.no-data #selected-stat-graph-more {
    display: none; }
  #selected-stat.no-data #selected-stat-graph-less {
    display: none; }
  #selected-stat.no-data #selected-stat-text {
    max-width: none;
    width: 100%;
    margin-right: 30px; }

#selected-stat-text {
  color: #545454;
  font-size: 16px;
  line-height: 22px;
  margin-left: 20px; }

#poverty-stat.hidden, #health-stat.hidden, #literacy-stat.hidden, #small-county-flag.hidden {
  display: none; }

#selected-stat-graph {
  position: relative; }

#selected-stat-graph-more {
  position: relative; }

#selected-stat-graph-less {
  position: relative; }

.selected-stat-label {
  position: absolute;
  left: 0;
  transform: translateX(-100%);
  margin-left: 10px;
  text-align: right;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11px;
  color: #c8c8c8;
  letter-spacing: 0.05rem;
  top: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

#selected-stat-label-low {
  top: auto;
  bottom: 4px; }

.less #selected-stat-label-high {
  top: auto;
  bottom: 4px; }
.less #selected-stat-label-low {
  top: 0;
  bottom: auto; }

.stat-header {
  color: #D3AD6F;
  margin: 0 90px 15px 27px;
  position: relative;
  font-weight: 500;
  padding-left: 28px;
  -webkit-font-smoothing: antialiased;
  font-size: 14px; }
  .stat-header .icon {
    display: inline-block;
    font-size: 15px;
    font-weight: normal;
    width: 27px;
    text-transform: none;
    position: absolute;
    left: 0; }

#literacy-stat.hidden, #poverty-stat.hidden, #health-stat.hidden {
  display: none; }

.header--value-text {
  text-transform: none;
  font-weight: 900; }

#literacy-stat-header .icon:before {
  content: "I";
  position: absolute;
  top: 2px;
  left: 0;
  font-family: 'bbffl-icons'; }

#poverty-stat-header .icon:before {
  content: "E";
  position: absolute;
  top: 2px;
  left: 0;
  font-family: 'bbffl-icons'; }

#health-stat-header .icon:before {
  content: "T";
  position: absolute;
  top: 2px;
  left: 0;
  font-family: 'bbffl-icons'; }

.stat-block {
  position: relative;
  -webkit-font-smoothing: antialiased;
  width: 100%;
  overflow: hidden;
  margin-top: 10px;
  margin-bottom: 50px; }

.stat-text {
  font-size: 14px;
  line-height: 20px;
  max-width: 155px;
  margin-left: 55px;
  margin-right: 20px;
  font-weight: 500;
  color: #787878; }
  .stat-text span, .stat-text .data-value-value {
    font-weight: 900; }
  .stat-text .scale-1 {
    color: #9fddf3; }
  .stat-text .scale-2 {
    color: #86d2f0; }
  .stat-text .scale-3 {
    color: #61c1ed; }
  .stat-text .scale-4 {
    color: #3da4e9; }
  .stat-text .scale-5 {
    color: #337dde; }
  .stat-text .scale-6 {
    color: #2e62d6; }
  .stat-text .scale-7 {
    color: #2e36cf; }
  .stat-text .scale-na {
    color: #dcdcdc; }
  .stat-text .data-value {
    color: #545454; }

.stat-block-inner {
  display: flex;
  align-items: center; }

#selected-stat .stat-text span {
  font-size: 20px; }

#selected-stat-graph {
  margin-left: 45px; }

#selected-stat-graph-more {
  margin-left: 45px; }

#selected-stat-graph-less {
  margin-left: 45px; }

.stat-block, #small-county-flag {
  display: none; }

#selected-county-sidebar {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 315px;
  background-color: #fff;
  color: #545454;
  border-left: 1px solid #ccc;
  z-index: 2;
  overflow-x: hidden;
  overflow-y: auto; }
  #selected-county-sidebar.active .stat-block {
    display: block; }
    #selected-county-sidebar.active .stat-block.hidden {
      display: none; }
  #selected-county-sidebar.active #small-county-flag {
    display: block; }
    #selected-county-sidebar.active #small-county-flag.hidden {
      display: none; }

.selected-scale {
  position: relative;
  width: 8px;
  height: 16px;
  margin-bottom: 3px;
  margin-left: 50%;
  transform: translateX(-50%); }
  .selected-scale.scale-1 {
    background-color: #c7f4ff; }
  .selected-scale.scale-2 {
    background-color: #a4e6ff; }
  .selected-scale.scale-3 {
    background-color: #75d2fd; }
  .selected-scale.scale-4 {
    background-color: #51aff5; }
  .selected-scale.scale-5 {
    background-color: #4183e5; }
  .selected-scale.scale-6 {
    background-color: #2e62d6; }
  .selected-scale.scale-7 {
    background-color: #2e36cf; }
  .selected-scale.scale-na {
    background-color: #f1f1f1; }
  .selected-scale.active-scale-sidebar {
    width: 40px; }

.scale-div {
  position: relative;
  width: 23px;
  height: 65px;
  margin-top: 20px;
  margin-right: 18px;
  background-color: #FBE4C6; }
  .scale-div .middle-marker {
    position: absolute;
    top: 30px;
    width: 23px;
    height: 2px;
    background-color: #D3AD6F; }
  .scale-div .status-marker {
    position: absolute;
    left: -10px;
    width: 44px;
    height: 6px;
    background-color: #545454; }

.quartile {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 4px;
  opacity: 0.3;
  background: #D3AD6F; }
  .quartile.active {
    opacity: 1; }
  .quartile.lit {
    opacity: 1; }

#close-sidebar {
  cursor: pointer;
  right: 0;
  position: absolute;
  top: 0;
  font-family: 'bbffl-icons';
  font-size: 20px;
  text-align: center;
  width: 60px;
  height: 60px;
  color: #787878;
  opacity: 0.4;
  -webkit-transition: opacity 0.15s ease-in-out;
  -moz-transition: opacity 0.15s ease-in-out;
  -ms-transition: opacity 0.15s ease-in-out;
  transition: opacity 0.15s ease-in-out; }
  #close-sidebar:before {
    content: "x"; }
  #close-sidebar.hidden {
    display: none; }
  #close-sidebar:hover {
    opacity: 1; }

#sidebar-content {
  position: absolute;
  top: 0;
  width: 100%; }

#show-sources {
  cursor: pointer;
  margin-top: 100px;
  margin-left: 54px;
  padding-bottom: 25px;
  color: #333333;
  opacity: 0.5;
  font-weight: 600;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px; }
  #show-sources.sources-footer {
    color: #00b2e2;
    opacity: 1;
    display: inline-block;
    padding: 0;
    font-weight: 600;
    margin: 0 10px 0 20px;
    padding: 0; }

#download-state-card {
  margin-left: 54px;
  display: none;
  position: relative;
  top: -75px; }
  #download-state-card.active {
    display: block; }

#download-text {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: super;
  color: #83CAFF; }

#small-county-flag {
  padding: 30px;
  color: #333333;
  opacity: 0.5;
  font-weight: 500; }

#data-sources-wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000; }

#data-sources {
  position: absolute;
  top: 30%;
  left: 35%;
  width: 30%;
  height: 40%;
  overflow: auto;
  background-color: #fff;
  padding: 30px;
  filter: drop-shadow(-1px 6px 3px rgba(50, 50, 0, 0.5)); }
  @media (max-width: 768px) {
    #data-sources {
      width: 50%;
      left: 25%; } }
  #data-sources #sources-title {
    padding-bottom: 20px;
    font-size: 20px;
    font-weight: 500; }
  #data-sources .source-group {
    margin-bottom: 30px; }
  #data-sources .data-source {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 500;
    color: #00b2e2; }
  #data-sources .data-source-instance {
    font-size: 16px;
    margin-bottom: 5px; }

#literacy-stat-graph .literacy-quartile-scale {
  width: 10px;
  height: 10px;
  color: purple; }

.shadow-outline {
  stroke: rgba(100, 100, 100, 0.6); }

#mobile-header {
  display: none; }

#mobile-questions-left, #mobile-questions-right {
  display: none; }

#mobile-search-close {
  display: none; }

@media (max-width: 1400px) {
  #selected-county-sidebar {
    width: 300px; }

  #questions-selection-container {
    transform: none;
    left: calc(50% - 250px); }

  #indicators-dropdown {
    left: calc(50% - 355px); }

  #suggested-search-wrapper {
    right: 28px;
    width: 270px; } }
@media (max-width: 1030px) {
  #selected-county-sidebar {
    width: 315px; }

  #questions-selection-container {
    transform: none;
    left: calc(50% - 300px); }

  #indicators-dropdown {
    left: calc(50% - 355px); }

  #suggested-search-wrapper {
    right: 15px;
    width: 235px; }

  .stat-text {
    font-size: 16px;
    line-height: 25px;
    max-width: 185px;
    margin-left: 55px;
    margin-right: 15px; }

  #selected-stat-graph {
    transform: scale(0.8); }

  #selected-stat-graph-more {
    transform: scale(0.8); }

  #selected-stat-graph-less {
    transform: scale(0.8); }

  #scale {
    right: 20px; }

  .scaleItem, .scaleColor {
    width: 35px; } }
@media (max-width: 768px) {
  body {
    overflow-y: auto; }

  #suggested-search-wrapper {
    position: fixed; }

  .sidebar-category.active .indicator-category-icon {
    display: inline-block;
    margin-right: 8px;
    position: relative;
    margin: 0 auto;
    left: auto;
    right: auto;
    vertical-align: middle;
    transform: none; }

  .indicator-category .mobile-label {
    display: inline-block;
    text-transform: uppercase;
    color: #545454;
    vertical-align: middle;
    height: 32px;
    padding-top: 10px;
    padding-left: 8px; }

  #map-selection-wrapper {
    width: 100%; }

  #sidebar-content {
    background: #fff; }

  #content-wrapper {
    overflow-x: hidden; }

  #scale {
    bottom: 120px;
    display: none; }

  .states {
    stroke: #dcdcdc; }

  #selected-stat-wrapper {
    position: absolute;
    top: 250px;
    width: 100%;
    height: 0; }

  #sidebar-indicators-list-shown, #selected-stat-header {
    display: none; }

  #sidebar-indicators-wrapper {
    height: 0; }

  #sidebar-indicators-categories {
    top: -200px;
    width: 100%;
    text-align: center; }

  .sidebar-category {
    display: none; }
    .sidebar-category.active {
      display: block; }

  #questions-selection-container {
    top: auto;
    bottom: 100px;
    left: 0;
    transform: none;
    right: 0;
    width: auto;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 65px; }

  #questions-bottom {
    display: none; }

  #indicators-dropdown {
    position: absolute;
    top: auto;
    bottom: 0;
    width: 100%;
    z-index: 93;
    left: 0;
    right: 0; }

  #indicators-list {
    height: 400px; }

  header {
    z-index: 999; }

  footer {
    display: none; }

  #show-sources {
    display: none; }
    #show-sources.sources-footer {
      display: block; }

  #selected-county {
    display: none; }

  #selected-stat.no-data #selected-stat-text {
    margin: 0 45px;
    width: auto; }

  #mobile-questions-left, #mobile-questions-right {
    cursor: pointer;
    position: absolute;
    top: -142px;
    height: 175px;
    line-height: 175px;
    font-family: 'bbffl-icons';
    color: #D3AD6F;
    font-size: 28px;
    width: 40px;
    display: block;
    text-align: center; }

  #mobile-questions-left {
    left: 0; }
    #mobile-questions-left:before {
      content: "3"; }

  #mobile-questions-right {
    right: 0; }
    #mobile-questions-right:before {
      content: "4"; }

  #selected-county-sidebar {
    left: 0;
    right: 0;
    top: auto;
    bottom: 0;
    height: 0;
    box-sizing: border-box;
    width: auto;
    z-index: 91;
    overflow: visible; }

  #selected-stat .stat-block-inner {
    display: flex;
    height: 75px; }
  #selected-stat .stat-text {
    margin-left: 40px;
    margin-right: 40px;
    text-align: center;
    max-width: none;
    width: 100%; }
  #selected-stat .selected-scale {
    display: inline-block;
    margin-left: 2px;
    margin-right: 2px;
    width: 18px;
    height: 8px;
    margin-bottom: 0;
    vertical-align: bottom; }
    #selected-stat .selected-scale.active-scale-sidebar {
      height: 30px;
      margin-left: 2px; }

  .stat-block {
    height: 165px;
    margin-bottom: 0; }

  #selected-stat-graph {
    margin-left: auto;
    margin-right: auto;
    width: 180px;
    text-align: center;
    margin-top: 20px;
    transform: none;
    position: absolute;
    top: 75px;
    left: 50%;
    transform: translateX(-50%); }

  #selected-stat-graph-more {
    margin-left: auto;
    margin-right: auto;
    width: 180px;
    text-align: center;
    margin-top: 20px;
    transform: none; }

  #selected-stat-graph-less {
    margin-left: auto;
    margin-right: auto;
    width: 180px;
    text-align: center;
    margin-top: 20px;
    transform: none; }

  #selected-stat-label-low {
    top: auto;
    bottom: -4px;
    text-align: right;
    right: 100%;
    left: auto;
    margin-right: -20px; }

  #selected-stat-label-high {
    top: auto;
    bottom: -4px;
    margin-left: 30px;
    text-align: left;
    left: 100%;
    right: auto;
    margin-right: 0; }

  #sidebar-content {
    top: -200px;
    height: 200px; }

  #poverty-stat, #health-stat, #literacy-stat, #small-county-flag {
    display: none; }

  .active .stat-block#poverty-stat, .active .stat-block#health-stat, .active .stat-block#literacy-stat {
    display: none; }
  .active #small-county-flag {
    display: none; }

  #mobile-header {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 65px;
    z-index: 91; }

  #mobile-state-selector {
    position: absolute;
    left: 20px;
    top: 0;
    -webkit-font-smoothing: antialiased;
    width: 70px;
    height: 45px;
    line-height: 45px;
    overflow: hidden;
    box-sizing: border-box; }
    #mobile-state-selector.expanded {
      width: 200px;
      height: 195px; }

  #mobile-state-selector-current {
    position: absolute;
    top: 0;
    left: 0; }

  #mobile-state-selector-options {
    position: absolute;
    top: 55px;
    left: 0;
    height: 150px;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box; }

  .mobile-state-selector-option, #mobile-state-selector-current {
    position: relative;
    background: #00b2e2;
    color: #fff;
    box-sizing: border-box;
    padding: 0 8px 0 36px;
    height: 45px;
    line-height: 45px;
    font-weight: 700; }

  #mobile-state-selector-current {
    width: 70px; }

  .mobile-state-selector-option {
    display: block;
    width: auto;
    white-space: nowrap; }
    .mobile-state-selector-option:last-child {
      height: 60px;
      padding-bottom: 15px; }

  .state-selector-state-icon {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 18px;
    transform: translateX(-50%);
    width: auto;
    height: 45px;
    text-align: center;
    margin-right: 5px;
    font-family: 'bbffl-states';
    font-size: 13px; }
    .state-selector-state-icon.extrathin {
      font-size: 17px; }
    .state-selector-state-icon.thin {
      font-size: 15px; }
    .state-selector-state-icon.thick {
      font-size: 10px; }
    .state-selector-state-icon.wide {
      font-size: 8px; }
    .state-selector-state-icon.extrawide {
      font-size: 6px; }
    .state-selector-state-icon.superwide {
      font-size: 4px; }

  .state-selector-state-abbrev {
    display: inline-block;
    width: 20px;
    font-size: 13px;
    letter-spacing: 0.075rem; }

  #mobile-county-selector {
    position: absolute;
    left: 100px;
    top: 0; }
    #mobile-county-selector.hidden {
      display: none; }

  #counties-dropdown {
    height: 45px;
    color: #00b2e2;
    -webkit-font-smoothing: antialiased;
    font-size: 18px;
    font-weight: 500;
    line-height: 34px;
    font-family: 'azo-sans-web', sans-serif;
    padding: 4px 45px 4px 12px;
    margin: 0;
    border: 2px solid #00b2e2;
    border-radius: 0px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    max-width: 200px;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: #FFF; }

  #counties-dropdown-wrapper:after {
    color: #00b2e2;
    font-weight: 300;
    content: ":";
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 18px;
    font-family: 'bbffl-icons';
    pointer-events: none; }

  #mobile-search-trigger {
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 0;
    padding-top: 10px;
    color: #00b2e2;
    width: 50px;
    font-size: 25px;
    font-family: 'bbffl-icons'; }

  #mobile-search-close {
    font-family: 'bbffl-icons';
    color: #ddd;
    font-size: 24px;
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 70px;
    width: 50px;
    text-align: center;
    display: block; }

  #suggested-search-wrapper {
    left: 100%;
    right: auto;
    width: 100%;
    -webkit-transition: left 0.3s ease-in-out;
    -moz-transition: left 0.3s ease-in-out;
    -ms-transition: left 0.3s ease-in-out;
    transition: left 0.3s ease-in-out;
    top: 0;
    height: 130px;
    box-sizing: border-box;
    background: #fff;
    padding-left: 60px; }
    #suggested-search-wrapper:before {
      left: 30px;
      top: 68px;
      transform: none; }
    #suggested-search-wrapper.open {
      left: 0; }

  #suggested-search {
    margin-top: 85px; }

  #suggested-search__suggested {
    max-height: 300px; }

  #close-sidebar {
    display: none; }
    #close-sidebar.hidden {
      display: none; } }
@media (max-width: 440px) {
  #indicators-dropdown #healthcare-indicators {
    right: auto;
    left: 190px; } }