/*
Theme Name: Race Counts
Theme URI: http://superfame.us/
Description: superfame made Race Counts theme
Author: superfame
*/

html,
body {
    min-height: 100%;
    width: 100%;
}

.font-options {
    font-family: 'Rubik', sans-serif;
    font-family: 'Space Mono', monospace;
}

.accent {
    color: #FEC009;
}

body {
    text-rendering: optimizelegibility;
    font-family: 'Libre Baskerville', serif;
    font-size: 20px;
    color: #070024;
    letter-spacing: 0.62px;
    line-height: 28px;
    background: #F1F0F2;
}

a {
    color: #646466;
}

a:hover {
    color: #FEC009;
    text-decoration: none;
}

h1 {
    /* County Overview: */
    font-family: 'Rubik', sans-serif;
    font-weight: 900;
    font-size: 72px;
    color: #070024;
    letter-spacing: -2px;
    line-height: 72px;
}

.blue-bg {
    background: #070024;
}

.selected-bubble {
    stroke: #070024;
    stroke-width: 2px;
}

table {
    width: 100%;
    margin-bottom: 15px;
}

table th {
    width: 11%;
    text-align: center;
    font-family: 'Space Mono', monospace;
    font-size: 10px;
    color: #070024;
    letter-spacing: -0.36px;
    line-height: 11px;
}

table td {
    width: 11%;
    height: 60px;
    text-align: center;
    font-family: 'Space Mono', monospace;
    /* font-size: 16px; */
    color: #070024;
    letter-spacing: -0.3px;
    line-height: 20px;
    /*padding: 0 20px;*/
}

table td.value {
    color: transparent;
    border: 1px solid #000;
}

#piecontainer {
    overflow: unset !important;
}

.fa {
    border: 1px solid #646466;
    border-radius: 50%;
    padding: 4px 4px 4px 6px;
    width: 28px;
    text-align: center;
}

.heatmap-title {
    text-align: right;
    width: 23%;
    padding-right: 15px;
}

.heatmap-compare-container {
    width: 100%;
    max-width: 400px;
    background: #D8D8D8;
    font-family: 'Rubik', sans-serif;
    font-size: 16px !important;
    color: #050B2E;
    letter-spacing: 1px;
}

.heatmap-compare-container .selectboxit-container {
    border: none;
}

.heatmap-compare-container .selectboxit-container span {
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    color: #050B2E;
    letter-spacing: 1px;
}

.county.heatmap tr td.heatmap-title {
    border-top: none !important;
    border-bottom: none;
    border-right: 1px solid #000;
    font-weight: bold;
    padding-right: 0;
}

.county.heatmap td {
    border-bottom: 1px solid #000;
}

#primary-heatmap td {
    border-top: 1px solid #000;
}

.county.heatmap tr td:last-of-type {
    border-right: 1px solid #000;
}

.county-heatmap tr:last-of-type td {
    border-bottom: 1px solid #000;
}

.county.heatmap td.heatmap-title {
    border-top: none;
}

::-moz-selection {
    background: #FEC009;
    color: #272629;
}

::selection {
    background: #FEC009;
    color: #272629;
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.hidden {
    display: none;
}

.wrapper {
    max-width: 920px;
    width: 100%;
    margin: 0 auto;
}

.wide-wrapper {
    max-width: 1156px;
    width: 90%;
    margin: 0 auto;
}

#mega-menu-primary {
    background: #070024 !important;
}

nav {
    width: 100%;
    font-size: 11px;
    color: #646466;
    letter-spacing: 0;
    line-height: 22px;
    background: #070024;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999999;
    padding: 18px 48px 0;
}

.nav-right {
    max-width: calc(100% - 155px);
    float: right;
    margin-top: -2px;
}

.nav-container a {
    /* THE DATA: */
    font-family: 'Space Mono', monospace;
    font-size: 16px;
    color: #F1F0F2;
    letter-spacing: 0.89px;
    line-height: 18px;
    display: inline-block;
}

.nav-container {
    max-width: 500px;
}

.nav-container .ac-tag {
    opacity: 0.7;
    font-family: 'Space Mono', monospace;
    font-size: 12px;
    color: #F1F0F2;
    letter-spacing: 0.75px;
    line-height: 16px;
    margin: 0 0 0 30px;
    top: 5px;
    position: relative;
}

html #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
    /* THE DATA: */
    font-family: 'Space Mono', monospace;
    font-size: 16px;
    color: #F1F0F2;
    letter-spacing: 0.89px;
    line-height: 18px;
    display: inline-block;
    text-transform: uppercase;
    padding: 0 8px 0 0;
}

html #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:before,
#mega-menu-primary .selectboxit-text:before {
    /* Unicode bullet symbol */
    content: '\2022 ';
    /* Bullet color */
    color: #fd3;
    padding-right: 0.5em;
    position: relative;
    top: -2px;
    font-family: arial;
}

html #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:hover {
    background: none;
    text-decoration: underline;
    text-decoration-color: #FEC009;
}

nav .logo {
    font-family: 'Space Mono', monospace;
    font-size: 22px;
    color: #F1F0F2;
    letter-spacing: 0;
    line-height: 16px;
    position: relative;
    top: -8px;
}

nav .logo svg {
    overflow: visible;
}

@media (max-width: 767px) {
    nav .logo {
        top: 0;
    }
}

.footer {
    color: #fff;
    background: #070024;
    padding: 100px 0;
}

.footer aside {
    width: 15%;
    display: inline-block;
    list-style-type: none;
    vertical-align: top;
    padding: 0 2%;
}

.footer aside:last-of-type {
    width: 48%;
}

.footer ul {
    /* width:15%; */
    display: inline-block;
    list-style-type: none;
    vertical-align: top;
    padding: 0 2%;
}

.footer ul:last-of-type {
    /* width:48%; */
}

.footer ul li {
    font-family: 'Space Mono', monospace !important;
    font-weight: 300;
    font-size: 14px;
    color: #F1F0F2;
    letter-spacing: 0;
    line-height: 1.5em;
    margin-bottom: 8px;
}

.footer ul li.partner-images {
    padding: 20px 0;
    border-bottom: 1px #fff solid;
    margin-bottom: 20px;
}

.footer ul li.partner-images img {
    width: 30%;
    height: auto;
    margin-right: 1%;
}

.footer ul li a {
    text-decoration: underline;
    color: #aaa;
}

.footer ul li span {
    font-weight: bold;
    color: #FEC009;
    margin-left: -20px;
}

.social {
    font-family: 'Space Mono', monospace !important;
    font-size: 18px;
    color: #F1F0F2;
    letter-spacing: 1px;
    line-height: 18px;
    margin-top: 60px;
}

.social a {
    text-decoration: underline;
}

.index-tool {
    color: #fff;
    /* BG: */
    background: #070024;
    padding: 100px 0 2rem;
    position: relative;
    height: 100vh;
    width: 100vw;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.county-tool {
    color: #fff;
    /* BG: */
    background: #070024;
    padding: 150px 0 50px;
}

.county-tool .comparison-county {
    display: none;
}

.bottom-grad {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 23px;
    background-image: linear-gradient(-90deg, #E00B03 0%, #FF6B02 33%, #FEC009 66%, #AC0068 100%);
    z-index: 9999999;
}

nav .bottom-grad {
    height: 4px;
}

.select-container {
    position: relative;
    max-width: 600px;
    margin-bottom: 30px;
}

.selectboxit-container {
    width: 100%;
}

.nav-select,
.nav-select-city {
    display: inline;
}

#mega-menu-primary .selectboxit-container {
    width: auto;
    background: transparent;
    padding: 0;
    font-size: 16px;
    line-height: 10px;
    border-bottom: none;
}

#mega-menu-primary .selectboxit-container .selectboxit-arrow-container:after {
    content: '↓';
    font-family: 'Space Mono', monospace;
    display: inline-block;
    font-family: dashicons;
    margin: 0 0 0 6px;
    vertical-align: top;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    color: inherit;
    padding-left: 4px;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu {
    width: 238px !important;
}

#mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu {
    max-height: 100vh !important;
    overflow-y: auto !important;
}

.selectboxit-container .selectboxit {
    width: 100%;
    background: none;
    border: none !important;
}

.education .selectboxit-container {
    padding: 0;
    line-height: 1.5;
    letter-spacing: 0.8px;
    text-align: left;
    color: #070024;
    border-bottom: 4px solid #070024;
    margin-bottom: 20px;
}

.education .selectboxit-container span.selectboxit-text {
    text-indent: 0;
    color: #070024;
    object-fit: contain;
    font-family: Rubik;
    font-size: 10px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    height: 20px;
    line-height: 34px;
    padding: 0;
    display: block;
    letter-spacing: .5px;
    max-width: 120px !important;
}

.education .selectboxit-container span.selectboxit-text.notWorking {
    color: #f00;
}

.education .selectboxit-container .selectboxit-arrow-container {
    width: 12px;
}

.education.county-issue h5 {
    /* display:none; */
}

.education .stacked-module .stacked-chart-wrap,
.education .stacked-module .col-md-3 {
    opacity: 1;
}

.education.county-issue .indicator-nav {
    /* display:none; */
}

.selectboxit-container span {
    font-family: 'Rubik', sans-serif;
    font-size: 36px;
    color: #FEC009;
    letter-spacing: 1px;
    line-height: 32px;
}

.selectboxit-container span.selectboxit-text {
    max-width: none !important;
}

.city-section .menu-wrap .selectboxit-container span.selectboxit-text,
.county-section .menu-wrap .selectboxit-container span.selectboxit-text {
    max-width: 85% !important;
    text-overflow: ellipsis;
}

html #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-menu-item-has-children>a.mega-menu-link:before {
    content: '▼';
    font-size: 10px;
}

#mega-menu-primary .selectboxit-text:before {
    content: '▼';
    font-size: 10px;
    margin-right: 5px;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout.mega-menu-item-has-children>a.mega-menu-link:after,
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout li.mega-menu-item-has-children>a.mega-menu-link:after,
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item-has-children>a.mega-menu-link:after {
    display: none !important;
}

#mega-menu-primary .selectboxit-container span {
    font-family: 'Space Mono', monospace;
    font-size: 16px;
    color: #F1F0F2;
    letter-spacing: 0.89px;
    line-height: 18px;
    display: inline-block;
    text-transform: uppercase;
    padding: 0 8px 0 0;
    /*position: relative;
    bottom: 1px;*/
}

#mega-menu-primary span.selectboxit-option-icon-container {
    display: none;
}

#mega-menu-primary .selectboxit-container span:hover {
    text-decoration: underline;
    text-decoration-color: #FEC009;
}

#mega-menu-primary .selectboxit-container span:hover:before {
    text-decoration: none;
}

#mega-menu-primary .selectboxit-container span.selectboxit-arrow-container {
    display: none;
}

#mega-menu-primary .selectboxit-container span:after {
    display: none;
}

#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block:after {
    font-family: 'Space Mono', monospace;
    /*font-size: 18px;*/
    position: relative;
    bottom: 1px;
}

.scatterplot-module .selectboxit-container span {
    font-family: 'Rubik', sans-serif;
    font-size: 12px;
    color: #000;
    letter-spacing: 1px;
    line-height: 32px;
}

.scatterplot-module .highcharts-plot-border {
    display: none;
}

.scatterplot-module select {
    display: none;
}

.scatterplot-module .inactive .selectboxit-container,
.city-section .inactive .selectboxit-container {
    border-bottom-color: #8E8C8F;
    color: #8E8C8F;
}

.scatterplot-module .inactive .selectboxit-default-arrow,
.city-section .inactive .selectboxit-default-arrow {
    border-top-color: #8E8C8F;
}

.rankings-select .selectboxit-container span {
    font-size: 22px;
}

.comparison-county .selectboxit-container span {
    color: #FFA000;
}

.comparison-county .selectboxit-container {
    border-bottom: 6px solid #FFA000;
}

.selectboxit-container span.selectboxit-option-icon-container,
.selectboxit .selectboxit-option-icon-container {
    display: none;
}

.selectboxit-container .selectboxit-options a {
    font-family: 'Rubik', sans-serif;
    font-size: 24px;
    color: #8C8A8D;
    letter-spacing: -0.5px;
    height: 56px;
    line-height: 56px;
}

.scatterplot-module .selectboxit-container .selectboxit-options a {
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    color: #8C8A8D;
    letter-spacing: -0.5px;
    height: 30px;
    line-height: 30px;
}

.select-container .svg {
    position: absolute;
    right: 4px;
    top: 10px;
}

.selectboxit-container {
    width: 100%;
    background: transparent;
    padding: 5px 5px 5px 5px;
    border-radius: 0;
    font-size: 16px;
    border: none;
    border-bottom: 6px solid #FEC009;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-transform: uppercase;
    font-family: 'Rubik', sans-serif;
    font-weight: lighter;
    font-size: 36px;
    color: #FEC009;
    letter-spacing: 1px;
    line-height: 32px;
}

.scatterplot-module .selectboxit-container {
    border-bottom: 3px solid #000;
    padding: 0;
}


/* dropdown for single-issue page title */

.indicator-header .select-wrap {
    border-bottom: 2px solid #D8D8D8;
}

.indicator-header .selectboxit-container {
    padding-left: 0;
    border-bottom: none;
    width: auto;
    margin-top: 8px;
    padding-bottom: 2px;
}

.indicator-header .selectboxit-container span {
    font-family: 'Rubik', sans-serif;
    font-size: 72px;
    color: #000;
    letter-spacing: -2px;
    line-height: 85px;
    height: auto;
    font-weight: 900;
    text-transform: none;
    white-space: normal;
    text-indent: 0;
    margin-right: 25px;
}

.indicator-header .selectboxit-container span.selectboxit-arrow-container {
    height: 72px;
}

.indicator-header .selectboxit-default-arrow {
    border-top: 8px solid #000000;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}

.indicator-header .selectboxit span.selectboxit-arrow-container .selectboxit-arrow {
    left: 35px;
}


/* CAUTION: IE hackery ahead */

select::-ms-expand {
    display: none;
    /* remove default arrow on ie10 and ie11 */
}


/* target Internet Explorer 9 to undo the custom arrow */

@media screen and (min-width:0\0) {
    select {
        background: none\9;
        padding: 5px\9;
    }
}

.top-statement {
    font-family: 'Rubik', sans-serif;
    font-weight: 700;
    font-size: 72px;
    color: #FEC009;
    letter-spacing: 0;
    line-height: 71px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
    width: 100%;
    text-align: center;
}

.sub-title {
    opacity: 0.7;
    font-family: 'Libre Baskerville', serif;
    font-size: 18px;
    color: #F1F0F2;
    letter-spacing: 1px;
    line-height: 26px;
    margin-top: 45px;
    width: 100%;
    text-align: center;
}

.index-tool a.start-exploring,
.explore .top-statement a {
    /* Rectangle 2: */
    background: transparent;
    border: 4px solid #D8D8D8;
    /* START EXPLORING: */
    font-family: SpaceMono-Regular;
    font-size: 18px;
    color: #D8D8D8;
    letter-spacing: 1px;
    line-height: 18px;
    margin-top: 16px;
    padding: 10px;
    display: inline-block;
    text-shadow: none;
    font-weight: 500;
}

.hp-explore {
    margin-top: 40px;
    font-family: 'Space Mono', monospace;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.13;
    letter-spacing: 0.5px;
    text-align: center;
    color: #f1f0f2;
}

.ani-text a.scroll {
    background: transparent;
    position: absolute;
    bottom: 0px;
    left: 50%;
    width: 224px;
    z-index: 9999999;
    border: none;
    letter-spacing: 0;
    margin-left: -112px;
    display: none;
}

.index-tool a.scroll {
    background: transparent;
    position: fixed;
    bottom: 50px;
    left: 50%;
    width: 224px;
    z-index: 9999999;
    border: none;
    letter-spacing: 0;
    margin-left: -112px;
}

.index-tool a.start-exploring:hover {
    background: #D8D8D8;
    color: #070024;
}

.county-tool .countynavsection {
    display: inline-block;
    vertical-align: top;
    width: 49%;
    padding-right: 5%;
}

.county-tool .top-statement {
    text-transform: uppercase;
    font-family: 'Rubik', sans-serif;
    font-weight: 700;
    font-size: 32px;
    color: #F1F0F2;
    letter-spacing: -1px;
    line-height: 38px;
    margin-top: 45px;
    text-align: left;
}

.county-tool .top-statement a,
.remove-filters {
    opacity: 0.7;
    font-family: 'Space Mono', monospace;
    font-size: 16px;
    color: #F7F7F7;
    letter-spacing: 1.14px;
    margin: 0 0 0 20px;
}

.county-tool .top-statement a svg {
    position: relative;
    left: -6px;
    bottom: -6px;
}

.read-more {
    margin-top: 150px;
    font-size: 18px;
    line-height: 1.33;
    letter-spacing: 3px;
    color: #FEC009;
}

.wide-wrapper h1 {
    width: 100%;
    border-bottom: 2px solid #D8D8D8;
    margin: 60px 0;
    font-size: 36px;
}

.county-section .callout {
    width: 40%;
    margin: 30px 10% 0 0;
    display: inline-block;
    vertical-align: top;
    min-width: 300px;
    min-height: 300px;
    position: relative;
    display: none;
}

.county-callout.two-col {
    display: inline-block;
    vertical-align: top;
    width: 47.5%;
    margin-right: 4%;
}

#comparison-callout {
    display: none;
    vertical-align: top;
    width: 100%;
}

#comparison-callout .callout,
.county-callout.two-col .callout {
    width: 100%;
}

#comparison-callout .col-header,
.wrapper .col-header {
    font-family: 'Space Mono', monospace;
    font-size: 16px;
    color: #070024;
    letter-spacing: -0.44px;
    line-height: 18px;
    width: 100%;
    text-transform: uppercase;
    padding: 4px 8px;
    max-width: 47%;
    margin-bottom: 30px;
    background: #FEC009;
}

.county-callout.two-col .col-header {
    background: #FEC009;
}

#comparison-callout .col-header {
    background: #FFA000;
}

.county-section .callout:nth-child(even) {
    margin-right: 0;
}

.county-section .callout .title {
    font-family: 'Space Mono', monospace;
    font-size: 16px;
    color: #8E8C8F;
    letter-spacing: -0.44px;
    margin-bottom: 45px;
    line-height: 18px;
}

.county-section .callout .callout-inner {
    background: url("/wp-content/themes/RC/bg.png") repeat;
}

.county-section .callout .statement {
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    font-size: 24px;
    color: #070024;
    letter-spacing: -1px;
    line-height: 40px;
    top: -30px;
    left: 30px;
    position: relative;
}

.primary-p,
.comparison-p {
    /* Rectangle: */
    background: #FEC009;
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    font-size: 24px;
    color: #2A2A2A;
    letter-spacing: -0.44px;
    line-height: 34px;
    display: block;
    padding: 30px 60px;
    margin-top: 30px;
}

.county-description {
    margin-bottom: 30px;
}

.comparison-p {
    background: #FFA000;
}

.table-statement {
    /* is an urban county i: */
    opacity: 0.8;
    font-family: 'Libre Baskerville', serif;
    font-size: 20px;
    color: #070024;
    letter-spacing: 0.62px;
    line-height: 28px;
    margin: 65px 0 30px 0;
}

.table-statement strong {
    font-family: 'Rubik', sans-serif;
    font-weight: 900;
    font-size: 20px;
    color: #070024;
    letter-spacing: -0.62px;
    line-height: 20px;
}

.table-container {
    background: #F7F7F7;
    padding: 30px;
    margin-top: 30px;
}

.table-container .racial-disparity-key {
    font-family: 'Space Mono', monospace;
    font-size: 12px;
    color: #070024;
    letter-spacing: -0.22px;
    line-height: 20px;
    width: 77%;
    margin-left: 23%;
}

.table-container .racial-disparity-key .rd-bar-container {
    text-align: right;
    width: 100%;
    clear: both;
}

.table-container .racial-disparity-key .rd-bar {
    background-image: linear-gradient(-90deg, #E00B03 0%, #FF6B02 33%, #FEC009 66%, #AC0068 100%);
    border: 1px solid #2A2A2A;
    width: 50%;
    position: relative;
    height: 25px;
    display: inline-block;
    margin: -10px 20px;
}

.table-container .racial-disparity-key .rd-bar svg {
    position: absolute;
    top: -1px;
    left: -14px;
}

.table-container .racial-disparity-key .rd-bar svg:last-of-type {
    right: -14px;
    left: auto;
}

@media (max-width: 767px) {
    .table-container .racial-disparity-key .rd-bar-container {
        position: relative;
        left: 45px;
    }
}

.county-issue {
    margin: 80px 0;
}

.county-issue .county-header .issue-count {
    font-family: 'Space Mono', monospace;
    font-size: 24px;
    color: #8c8a8d;
    letter-spacing: 12px;
    line-height: 72px;
    text-transform: uppercase;
    margin-bottom: -16px;
}

.county-issue .county-header strong {
    font-family: 'Rubik', sans-serif;
    font-size: 72px;
    color: #8C8A8D;
    letter-spacing: -3px;
    line-height: 90px;
    font-weight: 500;
}

.county-issue .county-header .issue-count span {
    position: relative;
    bottom: 16px;
}

.county-issue .county-header h2 {
    font-family: 'Rubik', sans-serif;
    font-size: 20px;
    color: #000;
    letter-spacing: -2px;
    line-height: 1.2;
    font-weight: 900;
    text-transform: uppercase;
}

.county-issue .county-header h2 span {
    font-weight: normal;
    margin-right: 12px;
}

.county-issue .chart-tag {
    width: 59%;
    display: inline-block;
    vertical-align: top;
    margin-top: 80px;
    font-family: 'Rubik', sans-serif;
    font-weight: 700;
    font-size: 36px;
    color: #070024;
    letter-spacing: -0.62px;
    line-height: 40px;
    text-transform: uppercase;
}

.county-issue .compare-tag {
    margin-top: 15px;
}

.county-issue .chart-tag a {
    display: inline-block;
    clear: both;
    margin-top: 30px;
    padding: 10px;
    border: 4px solid #D8D8D8;
    font-family: 'Space Mono', monospace;
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 18px;
    margin: 30px 0 0 0;
    /* Button Arrow: */
}

.county-issue .chart {
    width: 40%;
    display: inline-block;
    background: transparent;
    vertical-align: top;
}

.sectionnav {
    width: 50px;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 100px;
    right: -70px;
    text-align: center;
    z-index: 9999;
}

.sectionnav a {
    text-align: center;
    width: 100%;
    font-family: 'Space Mono', monospace;
    font-size: 14px;
    color: #BEBCBF;
    letter-spacing: -0.39px;
    line-height: 18px;
    display: block;
    margin-bottom: 1em;
    position: relative;
}

@media (max-width: 767px) {
    .sectionnav {
        display: none;
    }
}

.hover-title {
    position: absolute;
    top: 0;
    right: 50px;
    width: 400px;
    text-align: right;
    font-weight: bold;
}

.sectionnav a.active,
.sectionnav a:hover {
    color: #000;
    text-decoration: underline;
}

.countynav {
    width: 100%;
    position: fixed;
    top: -100px;
    left: 0;
    z-index: 9999999999999;
    padding: 6px 20px;
    display: none;
    background: #070024;
}

.countynav select {
    width: 40%;
    display: inline-block;
}

select[name*='indicators'] {
    display: none;
}

.countynav .comparisonselectcontainer .selectboxit-container span {
    color: #FFA000;
}

.countynav .comparisonselectcontainer .selectboxit-container {
    border-bottom: 6px solid #FFA000;
}

.countynav .selectboxit-container {
    width: 21%;
    display: inline-block;
    margin: 0 0 0 3%;
}

.countynav .selectboxit-container span {
    font-size: 20px;
}

.county-issue .indicator {
    width: 100%;
    border-top: 2px solid #4A484E;
    padding: 30px 0;
    font-family: 'Rubik', sans-serif;
    font-size: 24px;
    color: #8C8A8D;
    letter-spacing: -0.44px;
    line-height: 32px;
    height: 118px;
    overflow: hidden;
}

.county-issue .indicator h3 {
    padding: 0 30px 30px;
}

.county-issue .indicator h3 .toggle {
    float: right;
    font-weight: bold;
    font-size: 40px;
    top: -10px;
    position: relative;
    cursor: pointer;
    color: #D8D8D8;
}

.county-issue .indicator h3 .toggle.open {
    color: #8C8A8D;
    transform: rotate(-45deg);
}

.county-issue .indicator h3 span {
    color: #D8D8D8;
    padding-right: 30px;
}

.county-issue .indicator .chart {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    padding: 30px;
    background: #fff;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.07);
}

.county-issue .indicator .indicator-chart {
    display: inline-block;
    vertical-align: top;
    width: 60%;
    margin-right: 2%;
}

.side-chart-outter {
    display: inline-block;
    vertical-align: top;
    width: 38%;
}

.side-chart-container {
    width: 100%;
    padding: 30px 30px 8px;
    background: #fff;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.07);
}

.side-chart-container.overallperformance {
    margin-top: 30px;
}

.side-chart-outter a {
    display: block;
    width: 100%;
    margin-top: 30px;
    padding: 15px;
    border: 4px solid #D8D8D8;
    font-family: 'Space Mono', monospace !important;
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 18px;
    /* Button Arrow Copy: */
}

.side-chart-container .side-chart-header {
    font-family: 'Rubik', sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #070024;
    letter-spacing: -0.5px;
    line-height: 18px;
    text-transform: uppercase;
}

.side-chart-container .line {
    width: 70%;
    height: 4px;
    background: #D8D8D8;
    position: relative;
    margin: 60px 15%;
}

.issue-section .side-chart-container .line {
    width: 70%;
    height: 20px;
    background-image: linear-gradient(-90deg, #E00B03 0%, #FF6B02 33%, #FEC009 66%, #AC0068 100%);
    border: 1px solid #42403B;
    position: relative;
    margin: 60px 15%;
}

.lowest-label,
.highest-label {
    position: absolute;
    left: -55px;
    top: 0px;
    transform: rotate(-45deg);
    font-family: 'Space Mono', monospace !important;
    font-weight: 700;
    font-size: 14px;
    color: #070024;
    letter-spacing: -0.64px;
    line-height: 11px;
}

.issue-section .side-chart-container .line .lowest-label,
.issue-section .side-chart-container .line .highest-label {
    top: 0px;
}

.side-chart-container .line .ca-avg {
    position: absolute;
    top: 23px;
    text-align: center;
    width: 64px;
    font-family: 'Space Mono', monospace !important;
    font-size: 12px;
    color: #2A2A2A;
    letter-spacing: -0.22px;
    line-height: 12px;
    z-index: 99999;
    background: #fff;
    border: 1px solid #d8d8d8;
    padding: 2px;
}

.issue-section .side-chart-container .line .ca-avg {
    top: 37px;
}

.caavgline {
    display: block;
    width: 1px;
    height: 20px;
    background: #999;
    position: absolute;
    top: -20px;
    left: 50%;
}

.comp .caavgline {
    display: block;
    width: 1px;
    height: 26px;
    background: #ccc;
    position: absolute;
    bottom: -28px;
    top: auto;
    left: 50%;
}

.side-chart-container .line .county-avg {
    position: absolute;
    top: -10px;
    text-align: center;
    width: 20px;
    font-family: 'Space Mono', monospace !important;
    font-size: 12px;
    color: #2A2A2A;
    letter-spacing: -0.22px;
    line-height: 12px;
    z-index: 99999;
    background: #FEC009;
    border: 1px solid #d8d8d8;
    padding: 2px;
    height: 20px;
}

.side-chart-container .line .county-avg.comp {
    background: #FFA000;
}

.side-chart-container .line .county-avg .county-label {
    position: absolute;
    top: -20px;
    width: 200px;
    text-align: center;
    left: -90px;
}

.side-chart-container .line .county-avg.comp .county-label {
    top: -40px;
}

.highest-label {
    left: auto;
    right: -55px;
}

.county-issue .indicator .chart .highcharts-axis-labels text {
    /* NATIVE AMERICAN: */
    font-family: 'Space Mono', monospace !important;
    font-weight: 700 !important;
    color: #070024 !important;
    letter-spacing: -0.73px !important;
}

.chart table {
    margin: 8px 0;
}

.chart table td {
    height: 30px;
}

.top-level .highcharts-yaxis-labels,
.top-level .highcharts-yaxis-grid,
.highcharts-button,
.top-level .highcharts-legend {
    display: none;
}

.highcharts-contextbutton {
    display: block;
}

h1#page-title {
    font-family: 'Rubik', sans-serif;
    font-weight: 700;
    font-size: 104px;
    color: #FEC009;
    letter-spacing: -1.7px;
    line-height: 90px;
    text-transform: uppercase;
}

.wide-wrapper .issue-tool h1 {
    margin-bottom: 15px;
}

.issue-tool .issue-tool .subnav a {
    font-family: 'Rubik', sans-serif;
    color: #FEC009;
    margin-right: 40px;
    text-transform: uppercase;
    text-decoration: underline;
    font-size: 18px;
}

section.page-section {
    font-family: 'Libre Baskerville', serif;
    font-size: 24px;
    letter-spacing: 0.75px;
    line-height: 34px;
    padding: 0 0 80px 0;
}

section.page-section b {
    font-family: 'Rubik', sans-serif;
    font-size: 24px;
    color: #070024;
    letter-spacing: -0.25px;
    line-height: 34px;
}

section.page-section img {
    width: 100% !important;
    height: auto !important;
}

section.page-section h2 {
    border-bottom: 2px solid #D8D8D8;
    font-family: 'Rubik', sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 52px;
    color: #070024;
    letter-spacing: -2px;
    line-height: 72px;
}

@media (max-width: 767px) {
    section.page-section h2 {
        font-size: 44px;
        line-height: 50px;
    }
}

section.page-section p {
    max-width: 920px;
    width: 100%;
    margin: 2em auto 0;
    font-size: 16px;
    line-height: 1.7em;
}

section#indicatorsApp h3 {
    max-width: 920px;
    width: 100%;
    margin: 2rem auto 0;
    font-family: 'Rubik', sans-serif;
    font-weight: 700;
}

section#indicatorsApp a {
    color: red;
}

section#indicatorsApp a:hover {
    text-decoration: underline;
}

section.page-section ol {
    max-width: 920px;
    width: 100%;
    margin: 20px auto;
    font-size: 16px;
    line-height: 1.4em;
}

section.page-section table td {
    border: 2px solid #000;
}

section.page-section ul {
    margin: 90px auto;
    width: 90%;
    max-width: 764px;
    list-style-type: circle;
}

section.page-section blockquote {
    font-family: 'Rubik', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 36px;
    color: #070024;
    letter-spacing: -1px;
    line-height: 40px;
    margin: 90px auto;
    width: 90%;
    max-width: 764px;
}

section.page-section blockquote p {
    margin: 0;
}

.issue-tool {
    color: #fff;
    /* BG: */
    background: #070024;
    padding: 50px 0 30px;
}

.issue-tool h1#issue-name {
    font-family: 'Rubik', sans-serif;
    font-weight: 700;
    font-size: 104px;
    color: #FEC009;
    letter-spacing: -1.7px;
    line-height: 90px;
    border: none;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.issue-tool .top-statement {
    opacity: 0.7;
    font-family: 'Libre Baskerville', serif;
    font-size: 20px;
    color: #F1F0F2;
    letter-spacing: 0.5px;
    line-height: 28px;
    text-transform: none;
    margin-top: 60px;
}

.issue-section h1 {
    font-family: 'Rubik', sans-serif;
    font-weight: 900;
    font-size: 36px;
    letter-spacing: -1px;
    line-height: 26px;
    padding-bottom: 26px;
}

.issue-section .callout {
    width: 100%;
    margin-bottom: 30px;
}

.issue-section .callout .title {
    display: inline-block;
    vertical-align: top;
    width: 35%;
    margin-right: 5%;
    font-family: 'Space Mono', monospace;
    font-weight: bold;
    font-size: 18px;
    color: #8E8C8F;
    letter-spacing: 1px;
    line-height: 18px;
    margin-top: 9px;
    /* dot line: */
}

.issue-section .callout .title svg {
    display: inline-block;
    width: 40%;
    vertical-align: top;
}

.issue-section .callout .title .title-inner {
    width: 56%;
    display: inline-block;
    vertical-align: top;
    margin-top: -6px;
}

.issue-section .callout .callout-inner {
    display: inline-block;
    vertical-align: top;
    width: 59%;
    font-family: 'Rubik', sans-serif;
    font-weight: 700;
    font-size: 24px;
    color: #050B2E;
    letter-spacing: -0.25px;
    line-height: 32px;
}

section.gradient {
    padding-bottom: 1px;
}

.disparity-map {
    position: relative;
}

.disparity-map .gradient-block {
    margin: 30px 0 150px;
    height: 48px;
    width: 100%;
    background-image: linear-gradient(-90deg, #E00B03 0%, #FF6B02 33%, #FEC009 66%, #AC0068 100%);
    border: 1px solid #42403B;
}

.disparity-map .gradient-block .mapped-indicator {
    position: absolute;
    top: 112px;
    text-align: right;
    transform: rotate(-45deg);
    font-family: 'Space Mono', monospace;
    font-size: 14px;
    color: #2A2A2A;
    letter-spacing: -0.5px;
    width: 200px;
    line-height: 1.2em;
}

.mapped-indicator-text {
    width: 190px;
    height: 40px;
    float: right;
    text-align: right;
    margin: -5px 18px 0 0;
}

.disparity-map .gradient-block .mapped-indicator svg {
    transform: rotate(45deg);
    float: right;
}

.disparity-map .disparity-marker {
    position: absolute;
    top: 48px;
    left: 0%;
    font-family: 'Space Mono', monospace;
    font-weight: 700;
    font-size: 14px;
    color: #2A2A2A;
    letter-spacing: -0.5px;
    width: 20%;
    text-align: center;
}

.indicator-copy {
    font-family: 'Rubik', sans-serif;
    font-weight: 700;
    font-size: 24px;
    color: #070024;
    letter-spacing: -0.41px;
    line-height: 32px;
    margin: 60px 0;
}

.disparity-marker svg {}

.lowd,
.highd {
    position: absolute;
    top: -30px;
    left: 20px;
    font-family: 'Space Mono', monospace;
    font-size: 18px;
    color: #070024;
    letter-spacing: 1px;
    line-height: 13px;
}

.highd {
    left: auto;
    right: 20px;
}

.indicator-issue {
    /*margin:150px 0;*/
}

.indicator-issue .indicator-header {}

.indicator-issue .indicator-header .issue-count {
    font-family: 'Space Mono', monospace;
    font-size: 24px;
    color: #8c8a8d;
    letter-spacing: 12px;
    line-height: 72px;
    text-transform: uppercase;
    margin-bottom: -16px;
}

.indicator-issue .indicator-header strong {
    font-family: 'Rubik', sans-serif;
    font-size: 72px;
    color: #8C8A8D;
    letter-spacing: -3px;
    line-height: 90px;
    font-weight: 500;
}

.indicator-issue .indicator-header .issue-count span {
    position: relative;
    bottom: 16px;
}

.indicator-issue .indicator-header h2 {
    font-family: 'Rubik', sans-serif;
    font-size: 72px;
    color: #000;
    letter-spacing: -2px;
    line-height: 72px;
    padding-bottom: 8px;
    font-weight: 900;
    border-bottom: 2px solid #D8D8D8;
}

.indicator-issue .chart-tag {
    width: 59%;
    display: inline-block;
    vertical-align: top;
    margin-top: 80px;
    font-family: 'Rubik', sans-serif;
    font-weight: 700;
    font-size: 36px;
    color: #070024;
    letter-spacing: -0.62px;
    line-height: 40px;
}

.indicator-issue .chart-tag a {
    display: inline-block;
    clear: both;
    margin-top: 30px;
    padding: 10px;
    border: 4px solid #D8D8D8;
    font-family: 'Space Mono', monospace;
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 18px;
    margin: 30px 0 0 0;
    /* Button Arrow: */
}

.indicator-issue .chart {
    display: inline-block;
    vertical-align: top;
    width: 60%;
    margin-right: 2%;
}

.explore-issues-header {
    background: #AC0068;
    font-family: 'Space Mono', monospace;
    font-size: 16px;
    color: #070024;
    letter-spacing: -0.44px;
    line-height: 18px;
    padding: 6px 12px;
}

.issue-area {
    background: #F7F7F7;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.07);
    display: inline-block;
    vertical-align: top;
    width: 48.5%;
    margin: 10px 10px 0 0;
    padding: 20px;
    font-family: 'Space Mono', monospace;
    font-weight: 700;
    font-size: 16px;
    color: #8E8C8F;
    letter-spacing: -0.44px;
    line-height: 18px;
    /* dot line: */
}

.issue-area:last-of-type {
    margin-bottom: 80px;
}

.issue-area .key-issue {
    margin-bottom: 30px;
}

.issue-area .callout-inner {
    width: 80%;
    min-height: 100px;
    background: url("/wp-content/themes/RC/bg.png") repeat;
}

.issue-area .statement {
    font-family: 'Rubik', sans-serif;
    font-weight: bold;
    font-size: 36px;
    color: #070024;
    letter-spacing: -1px;
    line-height: 40px;
    top: -20px;
    left: 30%;
    position: relative;
}

.rank-container {
    display: inline-block;
    width: 80px;
    height: 2267px;
    margin-top: 10px;
    vertical-align: top;
    border-left: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}

.ranking-tool {
    width: 100%;
    font-family: 'Rubik', sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: #FFD700;
    letter-spacing: 0;
    line-height: 18px;
}

.ranking-tool select {
    width: 100%;
    font-family: 'Rubik', sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: #fff;
    letter-spacing: 0;
    line-height: 18px;
}

#chart-rankings {
    margin: 60px 0;
    position: relative;
}

#chart-rankings .ca-avg-line {
    position: absolute;
    top: 10px;
    height: calc(100% - 84px);
    width: 1px;
    background: #000;
    display: none;
}

#chart-rankings .ca-avg-label {
    width: 300px;
    text-align: center;
    position: absolute;
    top: -26px;
    left: -149px;
    font-family: 'Space Mono', monospace;
    font-weight: bold;
    font-size: 14px;
    color: #050B2E;
    letter-spacing: -0.26px;
    line-height: 14px;
}

.ranking-tool label {
    /* KEY ISSUE: */
    opacity: 0.7;
    font-family: 'Space Mono', monospace;
    font-weight: 500;
    font-size: 11px;
    color: #F1F0F2;
    letter-spacing: 1px;
    line-height: 11px;
    display: block;
}

.ranking-tool .select-container {
    width: 100%;
    max-width: none;
}

.ranking {
    display: inline-block;
    width: 100%;
    height: 36px;
    border-top: 1px solid #646466;
    font-family: 'Space Mono', monospace;
    font-size: 20px;
    color: #646466;
    letter-spacing: -0.44px;
    line-height: 24px;
    text-align: center;
    padding: 12px 0px;
}

.rankings-select {
    width: 40%;
    max-width: 400px;
    display: inline-block;
}

.indicator-container {
    display: none;
    width: 50%;
    margin-left: 8%;
}

.gform_heading,
.gf_progressbar_wrapper {
    display: none;
}

.page-section .gform_wrapper .gsection {
    border: none;
}

section.page-section ul.gform_fields {
    max-width: none;
}

.page-section .gform_wrapper .gform_page_fields label {
    font-family: 'Space Mono', monospace;
    font-size: 16px !important;
    color: #999;
    letter-spacing: 0.89px;
    line-height: 18px;
    display: inline-block;
    text-transform: uppercase;
}

.gform_wrapper .ginput_complex .ginput_left input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]),
.gform_wrapper .ginput_complex .ginput_right input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]),
.gform_wrapper .ginput_complex .ginput_right select,
.gform_wrapper .ginput_complex input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]),
.gform_wrapper .ginput_complex select,
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.page-section .gform_wrapper textarea.medium {
    border: 2px solid #ccc;
    font-family: 'Space Mono', monospace !important;
    font-size: 16px !important;
    color: #000;
    letter-spacing: 0.89px;
    line-height: 18px;
    display: inline-block;
    text-transform: uppercase;
    padding: 14px !important;
}

body .gform_wrapper .top_label div.ginput_container {
    max-width: 600px;
}

.page-section .gform_wrapper .top_label input.medium,
.gform_wrapper .top_label select.medium {
    width: 100%;
}

.gform_wrapper ul.gform_fields li.gfield {
    padding-bottom: 30px;
}

.page-section .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select {
    width: 100%;
    border-radius: 0;
    font-family: 'Space Mono', monospace;
    font-size: 16px !important;
    color: #999;
    letter-spacing: 0.89px;
    line-height: 18px;
    display: inline-block;
    text-transform: uppercase;
    height: 46px;
    border: 2px solid #ccc;
}

select {
    -webkit-border-radius: 0px;
}

.gform_wrapper ul.gfield_checkbox li,
.gform_wrapper ul.gfield_radio li {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    color: #000;
}

.gform_wrapper ul.gfield_checkbox li label,
.gform_wrapper ul.gfield_radio li label {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    color: #000 !important;
}

.gform_wrapper .gform_page_footer {
    text-align: right;
}

.gform_wrapper .gform_page_footer .button.gform_button,
.gform_wrapper .gform_page_footer .button.gform_next_button {
    background: #ccc;
    border: 4px solid #ccc;
    color: #333;
    padding: 10px;
    border-radius: 0;
    font-family: 'Space Mono', monospace;
    font-size: 16px !important;
    letter-spacing: 0.89px;
    line-height: 18px;
    display: inline-block;
    text-transform: uppercase;
}

.gform_wrapper .gform_page_footer .button.gform_button:hover,
.gform_wrapper .gform_page_footer .button.gform_next_button:hover {
    background: transparent;
}

.gform_wrapper .gform_page_footer .button.gform_previous_button {
    background: transparent;
    border: 4px solid #ccc;
    color: #333;
    padding: 10px;
    border-radius: 0;
    font-family: 'Space Mono', monospace;
    font-size: 16px !important;
    letter-spacing: 0.89px;
    line-height: 18px;
    display: inline-block;
    text-transform: uppercase;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
    font-family: 'Space Mono', monospace;
    font-size: 16px !important;
    letter-spacing: 0.89px;
    line-height: 18px;
    display: inline-block;
    text-transform: uppercase;
}

#gform_ajax_spinner_1 {
    display: none;
}

.gform_wrapper ul.gform_fields li.gfield.qheader {
    margin-bottom: 0 !important;
    border: none;
    padding: 0;
}

.gform_wrapper .qheader h2.gsection_title {
    font-size: 16px;
    line-height: 1.3em;
    border: none;
}

body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html.pagelink {
    font-size: 16px;
    padding: 30px 0 0;
}

body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html.pagelink a {
    font-weight: bold;
}

.gform_confirmation_message.gform_confirmation_message_4 {
    padding-bottom: 40px;
}

.survey-box {
    position: fixed;
    right: -390px;
    bottom: 20px;
    height: 180px;
    width: 400px;
    background: #070024;
    box-shadow: 0 -2px 8px 4px rgba(0, 0, 0, 0.08);
}

.survey-box .survey-tab {
    background: #FEC009;
}

.survey-box .survey-tab {
    transform: rotate(-90deg);
    font-family: 'Space Mono', monospace;
    font-weight: bold;
    font-size: 18px;
    color: #070024;
    letter-spacing: 1px;
    line-height: 18px;
    display: inline-block;
    width: 180px;
    position: absolute;
    left: -99px;
    top: 70px;
    padding: 10px;
    text-align: center;
    color: #000;
}

.survey-box .survey-tab a {
    color: #000;
}

.survey-box .survey-text {
    font-family: 'Rubik', sans-serif;
    font-size: 24px;
    color: #F1F0F2;
    letter-spacing: -0.25px;
    line-height: 28px;
    display: inline-block;
    width: 358px;
    padding: 30px;
}

.survey-box .survey-text a {
    font-family: 'Space Mono', monospace;
    font-size: 18px;
    color: #FEC009;
    letter-spacing: -0.25px;
    line-height: 18px;
    margin-top: 30px;
    display: block;
}

a.mega-menu-link {
    background: none !important;
}

.menu ul {
    background-color: transparent !important;
}

.menu ul li a {
    /*You can add a background color here if you want*/
    background-color: transparent !important;
}

.highcharts-axis-labels text {
    width: 80px;
    text-overflow: ellipsis;
}

.smart-suggestions {
    display: none;
}

.smart-suggestions-section {
    display: inline-block;
    width: 49%;
    vertical-align: top;
}

.smart-suggestions-section h3 {
    font-family: 'Rubik', sans-serif;
    font-weight: bold;
    font-size: 32px;
    color: #F1F0F2;
    letter-spacing: -1px;
    line-height: 32px;
    text-transform: uppercase;
}

.smart-suggestions-section a {
    display: block;
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    font-size: 24px;
    color: #999;
    letter-spacing: -0.44px;
    line-height: 48px;
}

.smart-suggestions-section a svg {
    margin: 0 10px 0 0;
    top: 4px;
    position: relative;
}

.scatter {
    box-shadow: 2px 2px 7px #ccc;
}

.scatter .highcharts-background {
    fill: transparent;
}

.scatterplot-module h5 {
    font-family: 'Rubik', sans-serif;
    font-weight: 700;
    font-size: 15px;
    color: #070024;
    letter-spacing: 0;
    line-height: 18px;
    text-transform: uppercase;
}

.scatterplot-module .highcharts-tooltip h5 {
    font-family: 'Space Mono', monospace;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 15px;
    color: #fff;
    letter-spacing: 0;
    line-height: 18px;
    background: #000;
    margin: 0;
    padding: 10px;
    font-weight: 500;
    text-transform: uppercase;
}

.highcharts-tooltip {
    width: 40% !important;
}

.highcharts-tooltip th,
.highcharts-tooltip td:first-child {
    width: 60%;
    white-space: normal;
}

.highcharts-tooltip td {
    width: 40%;
    white-space: normal;
}

.scatterplot-module .highcharts-tooltip {
    text-transform: uppercase;
}

.scatterplot-module .highcharts-tooltip td {
    font-weight: 700;
}

.scatterplot-module ul {
    padding: 2px;
}

.scatterplot-module ul li {
    list-style-type: none;
    margin-bottom: 4px;
    line-height: 14px;
}

.scatterplot-module ul li.active {
    font-weight: 700;
    background: #ccc;
    padding: 0 4px;
}

.scatterplot-module ul li.active a {
    font-weight: 500;
}

.scatterplot-module ul li a {
    font-family: 'Rubik', sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: #050B2E;
    letter-spacing: -.5px;
    line-height: 18px;
}

.scatterplot-module .highcharts-axis {
    display: none;
}

.walkthrough {
    background: #070024;
    color: #F7F7F7;
    text-align: center;
    padding: 60px 0;
    height: 250vh;
}

.walkthrough .title {
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    font-size: 24px;
    color: #D8D8D8;
    letter-spacing: 1px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
    position: sticky;
    position: -webkit-sticky;
    top: 15%;
}

.metrics {
    font-family: 'Rubik', sans-serif;
    font-weight: bold;
    font-size: 72px;
    color: #FEC009;
    letter-spacing: 0;
    line-height: 68px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
    position: sticky;
    position: -webkit-sticky;
    top: 20%;
}

.walkthrough-nav {
    position: sticky;
    position: -webkit-sticky;
    top: 45%;
    left: 90%;
    float: right;
    margin-right: 20px;
    z-index: 999999999;
}

.dot {
    display: block;
    width: 16px;
    height: 16px;
    margin-bottom: 4px;
    border: 2px solid #FEC009;
    background: transparent;
    border-radius: 20px;
}

.dot.active {
    background: #FEC009;
}

.dot-1 {}

.metrics li {
    list-style-type: none;
    display: inline;
}

.ani-container {
    position: sticky;
    position: -webkit-sticky;
    top: 30%;
}

.ani-container #nextArrow {
    position: absolute;
    top: 50%;
    right: 20px;
}

.ani-container #prevArrow {
    position: absolute;
    top: 50%;
    left: 20px;
}

.ani-container .fa {
    border: none;
    font-size: 30px;
    color: #FEC009;
}

.ani-container .fa:hover {
    border: none;
    font-size: 30px;
    color: #fff;
}

.ani-images {
    position: relative;
    width: 90%;
    max-width: 800px;
    height: auto;
    margin: 0 auto;
}

.ani-images img {
    width: 100%;
    height: auto;
}

.ani-image-inner {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.ani-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ani-image-inner .text {
    position: absolute;
    top: 100px;
    left: 0;
    width: 100%;
    width: 100%;
    text-align: center;
    opacity: 0;
    font-family: 'Libre Baskerville', serif;
    font-size: 22px;
    color: #F1F0F2;
    letter-spacing: 1px;
    line-height: 30px;
    text-shadow: 4px 4px 8px #070024;
    padding: 0 15%;
}

.hp-links {
    background: #f1f0f2;
}

.hp-links .explore {
    max-width: 920px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding-top: 84px;
}

.hp-row {
    text-align: left;
    margin-bottom: 24px;
}

.hp-row img {
    width: 100%;
    height: auto;
}

.hp-row-title {
    font-family: 'Space Mono', monospace;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.13;
    letter-spacing: -0.5px;
    text-align: left;
}

.hp-row-title svg {
    position: relative;
    top: -4px;
}

.hp-row p {
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.4;
    letter-spacing: 0.5px;
    text-align: left;
    margin-top: .5em;
}

.hp-links .explore .explore-issues-header {
    text-align: left;
    background: transparent;
    font-family: 'Rubik', sans-serif;
    font-size: 36px;
    color: #000;
    letter-spacing: 1px;
    line-height: 24px;
    border-bottom: solid 2px #d8d8d8;
    padding: 0 0 24px;
    margin-bottom: 30px;
    font-weight: 900;
}

.hp-links .explore .top-statement {
    padding: 120px 0;
}

.explore-nav-container {
    display: inline-block;
    width: 23.7%;
    min-height: 300px;
    background: rgba(255, 255, 255, 0.7);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.07);
    display: inline-block;
    vertical-align: top;
    margin: 0 1% 0px 0;
    padding: 20px;
    font-family: 'Space Mono', monospace;
    font-weight: 700;
    font-size: 16px;
    color: #8E8C8F;
    letter-spacing: -0.44px;
    line-height: 18px;
    color: #000;
}

.explore-nav-container:hover {
    background: #fff;
}

.explore-nav-container .key-issue {
    margin-bottom: 20px;
    text-align: left;
}

.explore-nav-container .key-issue svg {
    width: 50px;
}

.explore .issue-area {
    width: 31.5%;
    margin: 10px 1% 0 0;
    background: rgba(255, 255, 255, 0.7);
}

.explore .issue-area:hover {
    background: #fff;
}

.explore .issue-area .statement {
    left: 20%;
    font-size: 32px;
}

.explore .issue-area .callout-inner {
    background: url(/images/bg6.png) repeat;
}

.rank-type {
    font-family: 'Rubik', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    color: #070024;
    letter-spacing: 0;
    line-height: 18px;
    margin-top: 30px;
}

.rank-type a {
    background: #D8d8d8;
    /* Disparity Peformance: */
    font-family: 'Space Mono', monospace;
    font-weight: bold;
    font-size: 14px;
    color: #050B2E;
    letter-spacing: 0.5px;
    line-height: 22px;
    text-transform: none;
    padding: 8px;
    text-decoration: none;
}

.rank-type a.active {
    background: #999;
}

#rank-map {
    width: 100%;
    height: 400px;
}

#map-label,
#map-label-clicked {
    font-family: 'Space Mono', monospace;
    position: absolute;
    font-size: 11px;
    padding: 0 10px;
    background-color: #291b1a;
    color: #fff;
    text-transform: uppercase;
    display: none;
    font-weight: normal;
}

#map-label-clicked {
    z-index: 100;
}

#map-label {
    z-index: 101;
}

#map-info {
    position: absolute;
    font-size: 11px;
    padding: 5px 10px;
    color: #291b1a;
    border: solid medium #291b1a;
    background-color: #F5F5F3;
    top: 20px;
    right: 20px;
    max-width: 240px;
    display: none;
}

.county-section .ol-viewport .ol-unselectable {
    right: .5em;
    left: auto;
}

.county-section .ol-control button {
    border-radius: 50%;
    background: #fff;
    border: 1px solid #000;
    color: #000;
    font-weight: bolder;
}

.county-section .ol-viewport .ol-attribution {
    display: none;
}

.takeaways {
    width: 90%;
    max-width: 684px;
    padding: 45px 90px;
    font-family: 'Rubik', sans-serif;
    font-size: 32px;
    color: #070024;
    letter-spacing: 0;
    line-height: 36px;
    background: #fff;
    margin: 30px auto;
    position: relative;
    -webkit-box-shadow: -10px -10px 0px 10px #FEC009;
    -moz-box-shadow: -10px -10px 0px 10px #FEC009;
    box-shadow: -10px -10px 0px 10px #FEC009;
}

.takeaway-statement {
    display: none;
}

.takeaway-statement.ts-1 {
    display: block;
    opacity: 1;
}

.takeaways .backdrop {
    position: absolute;
    left: -80px;
    top: -20px;
    z-index: -1;
}

.takeaway-nav {
    width: 90%;
    max-width: 684px;
    padding: 0;
    list-style-type: none;
    text-align: left;
    margin: 0 auto;
}

.takeaway-nav li {
    display: inline-block;
    font-family: 'Space Mono', monospace;
    font-weight: bold;
    font-size: 16px;
    color: #000;
    letter-spacing: -0.5px;
    line-height: 18px;
    float: left;
}

.takeaway-nav li a {
    color: #000;
    border: 1px solid #000;
    padding: 10px;
    float: left;
}

.takeaway-nav li a:hover,
.takeaway-nav li a.active {
    background: #FEC009;
}

.highcharts-container {
    height: 500px;
    background: #F7F7F7;
}

.highcharts-container .highcharts-root {
    position: absolute;
}

.stacked-section {}

.stacked-section h5 {
    font-family: 'Rubik', sans-serif;
    font-weight: bold;
    font-size: 15px;
    color: #070024;
    letter-spacing: 0;
    line-height: 18px;
    display: inline-block;
    text-transform: uppercase;
}

.stacked-section ul {
    display: inline-block;
    padding-left: 0;
}

.stacked-section li {
    font-family: 'Rubik', sans-serif;
    font-size: 10px;
    color: #050B2E;
    letter-spacing: 0.5px;
    line-height: 18px;
    list-style-type: none;
    margin: 0 0 4px 0;
}

.stacked-section li.active {
    font-weight: bold;
    background: #ccc;
    padding: 4px;
}

.stacked-chart {
    background: #fff;
    height: 500px;
    box-shadow: 2px 2px 7px #ccc;
    font-family: 'Space Mono', monospace;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    color: #070024;
    letter-spacing: -0.5px;
    line-height: 18px;
    padding-top: 30px;
}

.stacked-source {
    font-family: 'Space Mono', monospace;
    font-size: 11px;
    color: #666666;
    letter-spacing: 0.5px;
    line-height: 14px;
    margin: 10px 0 0;
    text-transform: uppercase;
    position: relative;
}

.stacked-source .stacked-source {
    margin-top: 0;
}

.stacked-source .fa {
    font-size: 20px;
    background: none;
    border: none;
    color: rgb(153, 153, 153);
    cursor: pointer;
}

.stacked-source .fa.active {
    color: #070024
}

g.highcharts-stack-labels {
    display: none;
}

.highcharts-stack-labels span {
    text-shadow: -.5px -.5px 0 #fff, .5px -.5px 0 #fff, -.5px .5px 0 #fff, .5px .5px 0 #fff;
}

.metric-title {
    font-family: 'Rubik', sans-serif;
    font-size: 12px;
    color: #070024;
    letter-spacing: 0;
    line-height: 18px;
    display: inline-block;
    text-transform: uppercase;
    background: #FEC009;
    padding: 4px 8px;
    width: 100%;
}

.lead-in {
    font-family: 'Space Mono', monospace;
    font-size: 16px;
    color: #8E8C8F;
    letter-spacing: -0.5px;
    line-height: 18px;
    margin: 10px 0;
}

.comp-metric .metric-title {
    background: #FFA000;
}

.top-metric {
    margin-bottom: 30px;
}

@media (max-width: 767px) {
    .top-metric {
        margin-top: 15px;
    }
}

.top-metric-percentage {
    width: 100%;
    text-align: right;
    font-family: 'Rubik', sans-serif;
    font-weight: bold;
    font-size: 28px;
    color: #070024;
    letter-spacing: -2px;
    line-height: 28px;
    background: url(/wp-content/themes/RC/bg.png) repeat;
    height: 40px;
}

.top-metric-percentage span {
    top: -9px;
    position: relative;
}

.top-metric-percentage span span {
    top: 0;
    font-weight: normal;
    font-size: 12px;
    letter-spacing: .5px;
    width: 100%;
    display: block;
    line-height: 14px;
}

.comp-metric,
.third-metric {
    display: none;
}

.stacked-chart-wrap .highcharts-title,
#piecontainer .highcharts-title,
#comp-piecontainer .highcharts-title {
    font-family: 'Rubik', sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: #070024;
    letter-spacing: 1px;
    line-height: 18px;
    text-transform: uppercase;
}

.highcharts-subtitle {
    font-family: 'Space Mono', monospace;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.36;
    letter-spacing: normal;
    text-align: center;
    color: #070024;
}

.stacked-chart-wrap .highcharts-container {
    background: transparent;
}

.highcharts-axis-labels {
    font-family: 'Space Mono', monospace;
    font-weight: bold;
    font-size: 14px;
    color: #8E8C8F;
    letter-spacing: -0.5px;
    line-height: 18px;
}

#piecontainer,
#map-container,
#comp-piecontainer,
#comp-map-container {
    height: 400px;
    width: 47%;
    margin-right: 2%;
    margin-bottom: 60px;
    box-shadow: 2px 2px 7px #ccc;
    display: inline-block;
    vertical-align: top;
    background: #fff;
}

@media (max-width: 767px) {
    #piecontainer,
    #map-container,
    #comp-piecontainer,
    #comp-map-container {
        width: 98%;
        margin-right: 0;
    }
    body>nav {
        /*width: 52%;*/
    }
}

#piecontainer .highcharts-exporting-group,
#comp-piecontainer .highcharts-exporting-group {
    /*display: none;	*/
}

.pop-label {
    object-fit: contain;
    font-family: 'Space Mono', monospace;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.27;
    letter-spacing: normal;
    text-align: left;
    color: #070024;
    padding: 1em 0 0;
}

.post {
    background: #fff;
    box-shadow: 2px 2px 7px #ccc;
    min-height: 310px;
    height: 100%;
}

.post.card {
    border: none;
    border-radius: 0;
}

.post .category {
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    color: #000;
    text-transform: uppercase;
}

.post .excerpt {
    line-height: 1.5em;
}

.post .info {
    width: 80%;
    background: url(/wp-content/themes/RC/bg.png) repeat;
    height: 180px;
    margin: 20px 0;
    font-size: 12px;
}

.post .info .title {
    text-transform: uppercase;
    font-family: 'Rubik', sans-serif;
    font-weight: bold;
    font-size: 24px;
    color: #000;
    letter-spacing: -2px;
    line-height: 1.3em;
}

.post .info .title a {
    color: #000;
}

.post.card .card-footer,
.post.card .card-header {
    background-color: transparent;
    border: none;
}

.post.card .card-header {
    padding: 0
}

.info-inner {
    position: relative;
    top: -15px;
    left: 45px;
}

.learn-more-link {
    width: 100%;
    text-align: right;
    display: block;
}

.county-issue h5 {
    font-family: 'Rubik', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #070024;
    letter-spacing: 0;
    line-height: 18px;
    margin: 0;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .county-issue h5 {
        margin: 10px 0;
    }
}

.county-issue ul {
    padding: 0;
}

.county-issue ul li {
    list-style-type: none;
    margin-bottom: 4px;
    line-height: 1;
    padding: 4px 4px;
}

.county-issue ul li.active {
    font-weight: 700;
    background: #ccc;
    padding: 8px 4px;
}

.county-issue ul li.active a {
    font-weight: 500;
}

.county-issue ul li a {
    font-family: 'Rubik', sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: #050B2E;
    letter-spacing: -.5px;
    line-height: 1.2;
}

.key-section {
    margin-bottom: 45px;
}

.null-container {
    font-family: 'Rubik', sans-serif;
    font-weight: 400;
    padding: 2px 6px;
    text-transform: uppercase;
    position: relative;
    font-size: 12px;
    margin: 10px 0;
}

.null-container .fa {
    font-size: 20px;
    background: none;
    border: none;
    color: #999;
}

.null-container .fa:hover {
    font-size: 20px;
    background: none;
    border: none;
    color: #000;
    cursor: pointer;
}

.nulls {
    position: relative;
    top: 27px;
    right: 9px;
    /* width: 160px; */
    /* background: #ccc; */
    /* text-align: center; */
    /* border: 1px solid #000; */
    z-index: 999999;
    display: none;
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto;
}

.nulls.active {
    display: block !important;
}

.nulls div:first-of-type {
    background: #aaa;
    font-size: 10px !important;
    font-weight: 500;
}

.bottom-label {
    position: absolute;
    bottom: 38px;
    left: 20px;
}

.side-label {
    position: absolute;
    top: 98px;
    left: 20px;
}

.campaign-post {}

.campaign-post h1 {
    border: none;
}

.campaign-post h2 {
    opacity: 0.7;
    font-family: 'Libre Baskerville', serif;
    font-size: 20px;
    color: #fff;
    letter-spacing: 0.5px;
    line-height: 28px;
}

.campaign-post h3 {
    font-family: 'Rubik', sans-serif;
    font-weight: 900;
    font-size: 36px;
    color: #000;
    letter-spacing: -1px;
    line-height: 26px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.campaign-post section.page-section p {
    max-width: 100%;
    margin: 0 auto 2em auto;
}

.campaign-post section.page-section table {
    margin-bottom: 60px;
}

.campaign-post section.page-section table tr td:first-of-type {
    font-weight: bold;
    color: #000;
    text-transform: uppercase;
}

.campaign-post section.page-section table td {
    font-family: 'Rubik', sans-serif;
    border: none;
    text-align: left;
    color: #8E8C8F;
    padding-bottom: 1rem;
    vertical-align: text-top;
}

.campaign-post section.page-section table td img {
    width: 100%;
    height: auto;
    margin-bottom: 30px;
}

.campaign-post section.page-section table td a {
    color: #8E8C8F;
    text-decoration: underline;
}

.campaign-post section.page-section table td p {
    margin: 0;
}

.campaign-post section.page-section .ctas a {
    display: block;
    color: #8E8C8F;
    text-align: center;
    border: 4px solid #8E8C8F;
    font-family: 'Space Mono', monospace;
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 18px;
    padding: 15px;
    margin-bottom: 15px;
}

.campaign-post section.page-section .ctas a:hover {
    background: #8E8C8F;
    color: #000;
}

.methodology-container {
    width: 80%;
    max-width: 400px;
    font-family: 'Rubik', sans-serif;
    font-weight: 400;
    padding: 2px 6px;
    text-transform: uppercase;
    position: relative;
    font-size: 12px;
    margin: 10px 0;
}

.methodology-container .fa {
    font-size: 20px;
    background: none;
    border: none;
    color: #999;
}

.methodology-container .fa:hover {
    font-size: 20px;
    background: none;
    border: none;
    color: #000;
    cursor: pointer;
}

.methodologies {
    color: #8E8C8F;
    width: 100%;
    display: none;
    text-align: left;
    line-height: 1.5em;
    margin: 1rem 0;
}

.methodologies .source {
    font-style: italic;
}

.methodologies div:first-of-type {
    background: #aaa;
    font-size: 11px !important;
    font-weight: 500;
}

.county-archive .post {
    min-height: 80px;
}

.county-archive .info {
    height: 30px;
}

.chart-label {
    font-family: 'Space Mono', monospace;
    font-weight: bold;
    font-size: 16px;
    color: #070024;
    letter-spacing: -0.44px;
    line-height: 16px;
    position: absolute;
}

.chart-label-text {
    width: 222px;
    text-align: center;
    padding: 6px 0;
}

.tl-label {
    top: 0;
    left: 0;
    background: #AC0068;
}

.tr-label {
    top: 0;
    right: 0;
    background: #FF6B02;
}

.br-label {
    bottom: 0;
    right: 0;
    background: #F91105;
}

.bl-label {
    bottom: 0;
    left: 0;
    background: #FEC009;
}

.side-label {
    top: 50%;
    left: -90px;
    transform: rotate(-90deg) translateY(-50%);
}

.bottom-label {
    left: 50px;
}

@media (max-width: 768px) {
    .chart-label-text {
        width: 45%;
        font-size: .6rem;
        padding: 1.5px 0;
    }
    .highcharts-axis-title {
        font-size: .8rem;
    }
    .bottom-label.chart-label {
        left: 50%;
        transform: translateX(-50%);
        font-size: 8px;
        bottom: 18px;
    }
    .side-label.chart-label {
        left: -37px;
        top: 47%;
        font-size: 8px;
    }
}

@media (max-width: 374px) {
    .chart-label-text,
    .bottom-label.chart-label,
    .side-label.chart-label {
        font-size: .5rem;
    }
    .side-label.chart-label {
        left: -37px;
    }
}

#legend-tooltip {
    z-index: 5;
}

.highcharts-series-0 .highcharts-label.highcharts-data-label {}


/*
.highcharts-series-0 .highcharts-label.highcharts-data-label:first-of-type	{
	display:block;
}*/

.blank-chart {
    text-align: center;
    font-family: 'Rubik', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #070024;
    letter-spacing: 0;
    line-height: 18px;
    margin: 0;
    text-transform: uppercase;
}

@media print {
    .social {
        display: none;
    }
    * {
        color: #000 !important;
    }
}

.in-dev-hide {
    display: none;
}

.wrapper.county-archive,
.wrapper.archive {
    padding-bottom: 80px;
    padding-top: 80px;
}

@media print {
    nav {
        position: static;
    }
    .index-tool {
        height: auto;
    }
    .explore-nav-container,
    .explore .issue-area {
        border: 1px solid rgb(107, 70, 70);
    }
    .scatterplot-module ul li,
    .stacked-section ul li,
    .county-issue ul li,
    .sectionnav,
    .menu-wrap h5,
    .nav-right {
        display: none;
    }
    .scatterplot-module ul li.active,
    .stacked-section ul li.active {
        display: block;
    }
    h1#page-title {
        font-size: 40px;
        line-height: initial;
        width: 100%;
    }
    .h2,
    h2 {
        font-size: 20px;
    }
    .social {
        display: none;
    }
    .issue-tool {
        padding: 0;
    }
    .wide-wrapper h1 {
        margin: 0;
    }
    .rank-chart-wrap {
        display: none;
    }
    .survey-box {
        display: none;
    }
    .stacked-chart {
        box-shadow: none;
        padding: 0;
    }
    .takeaway-statement {
        display: block !important;
        margin-bottom: 30px;
        border-bottom: 1px solid #999;
        padding-bottom: 30px;
    }
}

#gform_wrapper_4 {
    background: #fff;
    width: 100%;
    max-width: 600px;
    padding: 20px;
    margin: 0 0 -20px;
    z-index: 5;
    position: relative;
}

#field_4_1 {
    width: 120%;
    display: block;
    max-width: 120%;
    /* width: 519px; */
    min-height: 26px;
    font-family: LibreBaskerville;
    font-size: 20px;
    font-weight: normal;
    font-style: italic;
    font-stretch: normal;
    /*line-height: 1;*/
    letter-spacing: 0.5px;
    text-align: left;
    color: #070023;
}

#gform_submit_button_4 {
    background: #fff;
    border: 2px solid #FEC009;
    padding: 9px 20px;
    position: relative;
    left: -41px;
    top: 0px;
    font-family: 'Space Mono', monospace !important;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    /* line-height: 1.13; */
    letter-spacing: 0.5px;
    text-align: center;
    color: #070024;
    text-transform: uppercase;
}

#gform_wrapper_4 .top_label .gfield_label {
    display: none;
}

body #gform_wrapper_4 ul li.gfield,
#gform_wrapper_4 ul.gform_fields li.gfield {
    margin: 0;
    padding: 0;
}

#gform_wrapper_4 ul.gform_fields li.gfield {
    display: inline-block;
    max-width: 48%;
}

#gform_wrapper_4 ul.gform_fields li.gfield:first-child {
    display: block;
    max-width: 100%;
}

#gform_wrapper_4 .gform_body {
    max-width: 75%;
    display: inline-block;
}

#gform_wrapper_4 .gform_footer {
    display: inline-block;
    max-width: 20%;
}

#gform_wrapper_4 input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    width: 100%;
}

.homepage .footer-form-container {
    padding-top: 40px;
}

.announcement-box {
    position: fixed;
    top: 200px;
    width: 50%;
    left: 25%;
    background: #fff;
    font-family: "LibreBaskerville";
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.4;
    letter-spacing: 0.5px;
    text-align: center;
    color: #070023;
    display: none;
    z-index: 9999999;
}

.closeThis {
    position: absolute;
    right: 18px;
    top: -22px;
    font-family: 'Space Mono', monospace !important;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.13;
    letter-spacing: 0.5px;
    text-align: center;
    color: #f1f0f2;
    text-transform: uppercase;
    background: #070024;
    padding: 2px 4px;
}

.announcement-tab {
    background-color: #FEC009;
    font-family: Rubik;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #080024;
    padding: 16px;
}

.share-experience #gform_wrapper_4 {
    margin: 0 auto;
}

.announcement-link {
    display: block;
    font-family: 'Space Mono', monospace !important;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.13;
    letter-spacing: 0.5px;
    text-align: center;
    margin: 40px auto;
    color: #070024;
}

.announcement-text {}

.announcement-text h4 {
    margin-top: 40px;
    font-family: Rubik;
    font-size: 32px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.06;
    letter-spacing: -1px;
    text-align: center;
    color: #070024;
}

.announcement-text .share-experience p {
    padding: 0 15px;
    max-width: 600px;
    margin: auto;
}

.share-experience {}

.announcement-box .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    width: 100%;
    padding: 11px !important;
}

.highcharts-menu .highcharts-menu-item:first-of-type,
.highcharts-menu .highcharts-menu-item:nth-of-type(2),
.highcharts-menu hr {
    display: none;
}

.city-race-dropdown {
    display: none;
}

.zero-val {
    border: solid #000 4px;
    padding: 100px 0;
}

.addThisCounty,
.addAnotherCounty {
    font-family: 'Space Mono', monospace !important;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.5px;
    text-align: left;
    color: #f7f7f7;
    text-transform: uppercase;
    display: inline-block;
    max-width: 100%;
}

.addThisCounty {
    display: none;
}

.addThisCounty .addInner,
.addAnotherCounty .addInner {
    display: inline-block;
    line-height: 16px;
}

.addThisCounty svg,
.addAnotherCounty svg {
    position: relative;
    display: inline-block;
    top: 10px;
}

.compSectionContainer {
    display: none;
}

.compSectionContainer .selectboxit-container {
    margin-top: 20px;
}

.city-change {
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    font-size: 12px;
    color: red;
    line-height: 18px;
    text-transform: uppercase;
    margin-bottom: 12px;
    margin-top: -22px;
}

.no-data {
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    font-size: 12px;
    color: red;
    line-height: 18px;
    text-transform: uppercase;
    margin-bottom: 12px;
    margin-top: -22px;
}

.no-data .racedata{
    display: none !important;
}

.scatterplot-module .inner-suffix {
    font-weight: normal;
    font-size: 10px;
    letter-spacing: .5px;
    width: 100%;
    display: block;
    line-height: 1.4em;
    margin: 5px 0;
}

.county-section .rank-chart .highcharts-exporting-group,
.city-section .city-bar .highcharts-exporting-group {
    display: none;
}

#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-right {
    background: #070024;
}

.district-error {
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    color: #f00;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 10px;
}

@media (max-width: 767px) {
    .single-city .top-statement {
        margin-top: 0;
    }
    .single-city .addThisCounty .addInner,
    .single-city .addAnotherCounty .addInner {
        font-size: 14px;
    }
    /*.single-city .addThisCounty, .single-city .addAnotherCounty {
		margin-top: 0;
	}*/
}


/* Blog styles */

section.page-section.blog-post {
    padding-top: 3rem;
}

.post.blog-type {
    padding-top: 0;
}

.post.blog-type .img-responsive {
    margin-bottom: 1rem;
}

.blog-img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.post.blog-type .info {
    background: none;
    height: auto;
    width: 100%;
}

.post.blog-type .info .info-inner {
    position: static;
}

.main-label {
    font-family: 'Space Mono', monospace;
    font-size: 24px;
    text-transform: uppercase;
    color: #8E8C8F;
}

@media (max-width: 991px) {
    .main-label.chart-label {
        position: static;
    }
}

a.btn-yellow {
    background: #070024;
    border: 4px solid #FEC009;
    font-family: SpaceMono-Regular, monospace;
    font-size: 18px;
    color: #FEC009;
    letter-spacing: 1px;
    line-height: 18px;
    margin-top: 16px;
    padding: 10px;
    display: inline-block;
    text-shadow: none;
    font-weight: 500;
}

a.btn-yellow:hover {
    background: #FEC009;
    color: #070024;
}

.hp-row-margin-bottom {
    margin-bottom: 120px;
}

@media (max-width: 768px) {
    .hp-row-margin-bottom {
        margin-bottom: 20px;
    }
}

.wide-wrapper h1.main-title {
    margin-bottom: 0;
}

.chart-label-wrapper {
    margin: 20px 0 30px;
}

@media (max-width: 400px) {
    #Arrow,
    #Arrow-Copy {
        display: none;
    }
}

.highcharts-tooltip table td {
    text-align: left;
    padding: 1rem;
}

.highcharts-tooltip table {
    width: 320px;
    margin-bottom: 0px;
}

.highcharts-tooltip table thead th {
    background-color: #000;
    padding: 1rem;
}

.highcharts-tooltip table thead h5 {
    color: #ffffff;
    text-align: center;
    margin-bottom: 0;
}

.highcharts-tooltip table tr:nth-child(even) {
    background-color: #dedede;
}

.highcharts-tooltip .btn-black {
    background-color: #000;
    color: #fff;
    margin-bottom: 10px;
    margin-top: 0px;
    border-radius: 0;
    font-weight: bold;
}

.highcharts-tooltip small {
    text-transform: initial;
    font-size: 60%;
}

@media (max-width: 768px) {
    .highcharts-tooltip table thead th {
        padding: .25rem;
    }
    .highcharts-tooltip table {
        margin-bottom: 4px;
    }
    .highcharts-tooltip table td {
        padding: .25rem .5rem;
        height: auto;
        line-height: 1.2;
    }
    .highcharts-tooltip table td div {
        font-size: 8px !important;
    }
    .scatterplot-module .highcharts-tooltip h5 {
        padding: 0;
        font-size: 8px;
    }
    .highcharts-tooltip .btn-black {
        font-size: 8px;
        margin-bottom: .4rem;
        margin-top: 0;
        padding-top: .25rem;
        padding-bottom: .25rem;
    }
    .highcharts-tooltip {
        width: 25% !important;
    }
}


/*  Homepage new carousel */

#introCarousel {
    background-color: #070024;
    color: #ffffff;
    font-family: 'Rubik', Helvetica, sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    padding: 4rem 0;
}

#introCarousel h3 {
    text-align: center;
    font-size: 18px;
    margin-bottom: 2rem;
}

#introCarousel .slick-dots {
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
    padding-left: 0;
}

#introCarousel .slick-dots li {
    padding: .8rem;
    background-color: #FEC009;
    width: 100%;
    color: #07002a;
    display: inline-block;
    max-width: 150px;
    margin: 2.5px 5px;
    text-transform: uppercase;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
}

@media (max-width: 768px) {
    #introCarousel {
        padding-left: 10px;
        padding-right: 10px
    }
    #introCarousel .slick-dots {
        flex-direction: column;
        align-items: center;
    }
    #introCarousel .slick-dots li {
        max-width: 100%;
    }
}

#introCarousel .slick-dots li.slick-active,
#introCarousel .slick-dots li:hover {
    background-color: #919191;
    color: #ffffff;
}

#introCarousel .slide p {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    max-width: 650px;
    margin: 0 auto 2.5rem;
    text-align: center;
}

#introCarousel .slide .accent,
#introCarousel .slide p strong {
    color: #FEC009
}

#introCarousel .slide img {
    text-align: center;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
}

#homeCarousel {
    display: flex;
    flex-direction: column-reverse;
}

#introCarousel .btn-wrapper {
    text-align: center;
}

.gray-hollow-btn {
    background: transparent;
    border: 4px solid #D8D8D8;
    font-family: SpaceMono, monospace;
    font-size: 18px;
    color: #D8D8D8;
    letter-spacing: 1px;
    line-height: 18px;
    margin-top: 16px;
    padding: 10px;
    display: inline-block;
    text-shadow: none;
    font-weight: 500;
}

.gray-hollow-btn:hover {
    background: #D8D8D8;
    color: #07002a;
}

.btn-learn-more {
    font-family: 'Space Mono', monospace;
    display: block;
    text-transform: uppercase;
    margin: 1rem auto -24px;
    font-size: .60rem;
    border-radius: 0;
    background-color: #FEC009;
    padding: .2rem .45rem;
}

.btn-learn-more i.fa {
    font-size: .60rem !important;
    color: #212529 !important;
    display: inline;
    position: static !important;
}

@media (max-width: 767px) {
    table.heatmap,
    table.heatmap-title-wrap {
        word-break: break-word;
        width: 100%;
    }
    table.heatmap-title-wrap {
        margin-bottom: 1rem;
    }
    .heatmap-mobile-scroll {
        max-height: 225px;
        overflow: scroll;
    }
    .heatmap-title {
        width: 100% !important;
        font-size: 10px;
        line-height: 1.1;
        text-align: left !important;
    }
    table.heatmap td {
        height: auto;
        min-height: 44px;
        width: 14%;
    }
    table.heatmap tr {
        display: flex;
        flex-wrap: wrap;
    }
    table.indicator-table {
        word-break: break-word;
        font-size: 14px;
    }
    .table-container {
        padding-left: 5px !important;
        padding-right: 5px !important;
        margin-left: -1rem;
        margin-right: -1rem;
    }
    .heatmap-title-wrap tr {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 1.5rem;
    }
    .heatmap-title-wrap th {
        width: 14%;
        font-size: 8px;
        transform: rotate(80deg);
        white-space: nowrap;
    }
    .rd-bar-container {
        float: none !important;
        position: static !important;
    }
    .table-container .racial-disparity-key {
        margin-left: 0;
    }
    .county.heatmap tr td.heatmap-title {
        border: none;
    }
    .btn-learn-more {
        margin-bottom: 0;
    }
}

#indicatorsApp .methodology div p,
#indicatorsApp .methodology div {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: .80rem;
}

.methodology div a {
    word-break: break-all;
}


/* Production */

#mega-menu-item-2532,
#mega-menu-item-2534,
#mega-menu-item-2535 {
    display: none !important;
}

#mega-menu-item-970,
#mega-menu-item-1360,
#mega-menu-item-1361 {
    display: none !important;
}


/* Dev */

#mega-menu-item-970,
#mega-menu-item-2911,
#mega-menu-item-2912 {
    display: none !important;
}


/* Staging */

#mega-menu-item-2321,
#mega-menu-item-2323,
#mega-menu-item-2324 {
    display: none !important;
}

.mega-toggle-on #placeresult {
    display: block;
}

#placeresult {
    display: none;
}

.race_block {
    margin-right: 0px;
}

.key_issue_search_section {
    height: 73px;
    background-color: #fff;
    padding: 15px 0px;
    margin-bottom: 30px;
    z-index: 10000;
    position: relative;
}

.key_issue_search_section .key-issue {
    font-family: 'Space Mono', monospace;
    font-weight: 700;
    font-size: 16px;
    color: #8E8C8F;
    letter-spacing: -0.44px;
    line-height: 18px;
    padding: 12px 0px;
}

.explore-nav-container.race_block,
.issue_block {
    position: relative;
}

.explore-nav-container.places_block {
    position: relative;
    padding-top: 20px;
}

.places {
    position: absolute;
    width: calc(100% - 40px);
    top: 20px;
}

.races {
    position: absolute;
    width: calc(100% - 40px);
    top: 50px;
}

.issues {
    position: absolute;
    width: calc(100% - 40px);
}

#searchplace,
#searchplace1,
.searchplace,
.searchrace,
.searchissue {
    border: 2px solid #ccc;
    font-family: 'Space Mono', monospace !important;
    font-size: 16px;
    color: #000;
    letter-spacing: 0.89px;
    line-height: 18px;
    display: inline-block;
    text-transform: uppercase;
    padding: 14px;
    width: 100%;
}

.searchplace,
.searchrace,
.searchissue {
    font-size: 12px;
    padding: 10px;
}

#placeresult,
#placeresult1,
.placeresult,
.raceresult,
.issueresult {
    max-height: 300px;
    padding-top: 10px;
    padding-bottom: 10px;
    overflow-y: scroll;
    margin-top: 10px;
}

.placeresult,
.raceresult {
    background: #fff;
    display: none;
    width: 110%;
    max-height: 200px;
}

.issueresult {
    background: #fff;
    display: none;
    width: 100%;
    max-height: 200px;
}

.places:hover .placeresult,
.races:hover .raceresult,
.issues:hover .issueresult {
    display: block;
}

.ranking_page_dropdown.active .issueresult {
    display: block;
}

#placeresult::-webkit-scrollbar,
#placeresult1::-webkit-scrollbar,
.placeresult::-webkit-scrollbar,
#raceresult::-webkit-scrollbar,
#issueresult::-webkit-scrollbar {
    width: 4px;
}


/* Track */

#placeresult::-webkit-scrollbar-track,
#placeresult1::-webkit-scrollbar-track,
.placeresult::-webkit-scrollbar-track,
#raceresult::-webkit-scrollbar-track,
#issueresult::-webkit-scrollbar-track {
    background: #f1f1f1;
}


/* Handle */

#placeresult::-webkit-scrollbar-thumb,
#placeresult1::-webkit-scrollbar-thumb,
.placeresult::-webkit-scrollbar-thumb,
#raceresult::-webkit-scrollbar-thumb,
#issueresult::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 2px;
}


/* Handle on hover */

#placeresult::-webkit-scrollbar-thumb:hover,
#placeresult1::-webkit-scrollbar-thumb:hover,
.placeresult::-webkit-scrollbar-thumb:hover,
#raceresult::-webkit-scrollbar-thumb:hover,
#issueresult::-webkit-scrollbar-thumb:hover {
    background: #555;
}

#placeresult a,
#placeresult1 a,
.placeresult a,
.raceresult a,
.issueresult a,
.issueresult .issue_item {
    font-size: 16px;
    color: #000;
    letter-spacing: 0.89px;
    line-height: 18px;
    display: inline-block;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 10px 14px;
    align-items: center;
    transition: background-color 0.5s;
    cursor: pointer;
}

.placeresult a,
.raceresult a,
.issueresult a,
.issueresult .issue_item {
    font-size: 14px;
}

#placeresult a:hover,
#placeresult1 a:hover,
.placeresult a:hover,
.raceresult a:hover,
.issueresult a:hover,
.issueresult .issue_item:hover {
    background-color: #e0e0e0;
}

#placeresult a span:first-child,
#placeresult1 a span:first-child,
.placeresult a span:first-child,
.raceresult a span:first-child,
.issueresult a span:first-child,
.issueresult .issue_item span:first-child {
    line-height: 24px;
}

#placeresult a span:last-child,
#placeresult1 a span:last-child,
.placeresult a span:last-child,
.raceresult a span:last-child,
.issueresult a span:last-child,
.issueresult .issue_item span:last-child {
    font-size: 10px;
    text-transform: lowercase;
    background: #FEC009;
    padding: 3px 5px;
    line-height: 10px;
    border-radius: 4px;
    height: 17px;
}


/* production */

#mega-menu-item-2552 {
    position: relative !important;
}

#mega-menu-item-2552 .mega-sub-menu {
    max-width: 400px !important;
    min-width: 400px;
    left: 50% !important;
    transform: translate(-50%, 0%) !important;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
}

#mega-menu-item-2552 .mega-sub-menu li {
    width: 100% !important;
}

#mega-menu-item-1983 {
    position: relative !important;
}

#mega-menu-item-1983 .mega-sub-menu {
    max-width: 400px !important;
    min-width: 400px;
    left: 50% !important;
    transform: translate(-50%, 0%) !important;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
}

#mega-menu-item-1983 .mega-sub-menu li {
    width: 100% !important;
}


/* staging */

#mega-menu-item-2370 {
    position: relative !important;
}

#mega-menu-item-2370 .mega-sub-menu {
    max-width: 400px !important;
    min-width: 400px;
    left: 50% !important;
    transform: translate(-50%, 0%) !important;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
}

#mega-menu-item-2370 .mega-sub-menu li {
    width: 100% !important;
}

#mega-menu-item-2884 {
    position: relative !important;
}

#mega-menu-item-2884 .mega-sub-menu {
    max-width: 400px !important;
    min-width: 400px;
    left: 50% !important;
    transform: translate(-50%, 0%) !important;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
}

#mega-menu-item-2884 .mega-sub-menu li {
    width: 100% !important;
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
    #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open+#mega-menu-primary {
        padding: 11px 5% 14px 5% !important;
    }
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu {
        width: 150px !important;
    }
    #mega-menu-item-custom_html-2 {
        padding: 10px !important;
    }
    #mega-menu-item-2552 .mega-sub-menu {
        max-width: 400px !important;
        min-width: 300px;
        box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
    }
    #mega-menu-item-1983 .mega-sub-menu {
        max-width: 400px !important;
        min-width: 300px;
        box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
    }
    #mega-menu-item-2370 .mega-sub-menu {
        max-width: 400px !important;
        min-width: 300px;
        box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
    }
    #mega-menu-item-2884 .mega-sub-menu {
        max-width: 400px !important;
        min-width: 300px;
        box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
    }
    #searchplace,
    #searchplace1 {
        border: 2px solid #ccc;
        font-family: 'Space Mono', monospace !important;
        font-size: 14px;
        color: #000;
        letter-spacing: 0.5px;
        line-height: 16px;
        display: inline-block;
        text-transform: uppercase;
        padding: 14px !important;
        width: 100%;
    }
    #placeresult a,
    #placeresult1 a {
        font-size: 12px;
        color: #000;
        letter-spacing: 0.89px;
        line-height: 14px;
        display: inline-block;
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 7px 10px !important;
        align-content: center;
        transition: background-color 0.5s;
    }
    .footer aside {
        width: 100% !important;
    }
}

@media only screen and (max-width: 767px) and (min-width: 320px) {
    #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open+#mega-menu-primary {
        padding: 11px 5% 14px 5% !important;
    }
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu {
        width: 100% !important;
    }
    #mega-menu-item-custom_html-2 {
        padding: 0px !important;
    }
    #mega-menu-item-2552 .mega-sub-menu {
        max-width: 400px !important;
        min-width: auto;
        left: 0% !important;
        transform: translate(0%, 0%) !important;
        box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
    }
    #mega-menu-item-1983 .mega-sub-menu {
        max-width: 400px !important;
        min-width: auto;
        left: 0% !important;
        transform: translate(0%, 0%) !important;
        box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
    }
    #mega-menu-item-2370 .mega-sub-menu {
        max-width: 400px !important;
        min-width: auto;
        left: 0% !important;
        transform: translate(0%, 0%) !important;
        box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
    }
    #mega-menu-item-2884 .mega-sub-menu {
        max-width: 400px !important;
        min-width: auto;
        left: 0% !important;
        transform: translate(0%, 0%) !important;
        box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
    }
    #searchplace,
    #searchplace1 {
        border: 2px solid #ccc;
        font-family: 'Space Mono', monospace !important;
        font-size: 14px;
        color: #000;
        letter-spacing: 0.5px;
        line-height: 16px;
        display: inline-block;
        text-transform: uppercase;
        padding: 14px !important;
        width: 100%;
    }
    #placeresult a,
    #placeresult1 a {
        font-size: 12px;
        color: #000;
        letter-spacing: 0.89px;
        line-height: 14px;
        display: inline-block;
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 7px 10px !important;
        align-content: center;
        transition: background-color 0.5s;
    }
    .footer aside {
        width: 100% !important;
    }
}

#raceprimarySelectBoxIt,
#raceprimarySelectBoxIt .selectboxit-text {
    height: 50px !important;
    font-weight: 500;
}

#raceprimarySelectBoxItText {
    font-size: 56px !important;
    line-height: 56px;
}

#map-info.race-map-info {
    position: absolute;
    font-size: 11px;
    padding: 5px 10px;
    color: #291b1a;
    border: solid medium #291b1a;
    background-color: #F5F5F3;
    top: 50px;
    right: 20px;
    max-width: 180px;
    display: none;
}

#map-info.race-map-info table {
    width: 100%;
    margin-bottom: 0px;
}

#map-info.race-map-info table th {
    width: 11%;
    text-align: left;
    font-family: 'Space Mono', monospace;
    font-size: 12px;
    color: #070024;
    letter-spacing: -0.36px;
    line-height: 15px;
}

#map-info.race-map-info table th.selraceinfo {
    width: 100%;
    text-align: left;
    font-family: 'Space Mono', monospace;
    font-size: 14px;
    color: #070024;
    letter-spacing: -0.36px;
    line-height: 15px;
    padding-bottom: 15px;
}

#map-info.race-map-info table td {
    width: 11%;
    height: 40px;
    text-align: center;
    font-family: 'Space Mono', monospace;
    font-size: 12px;
    color: #070024;
    letter-spacing: -0.3px;
    line-height: 15px;
    /* padding: 0 20px; */
}

#map-info.race-map-info h5 {
    color: #F1F0F2;
    background: #291b1a;
    font-weight: normal;
    margin: 0px -5px 10px -5px;
    padding: 10px 0;
    font-size: 14px;
    text-align: center;
}

.mapby {
    float: left;
    font-size: 16px;
    font-family: 'Rubik', sans-serif;
    padding: 0px 10px;
    background: #D8D8D8;
    cursor: pointer;
}

.mapby.active {
    background: #999999;
}

.county-issue .county-header h2 {
    font-family: 'Rubik', sans-serif;
    font-size: 20px;
    color: #000;
    letter-spacing: 0px;
    line-height: 1.2;
    font-weight: 900;
    text-transform: capitalize;
}

.county-subcontainer .row {
    box-shadow: 2px 2px 7px #ccc;
    background: #fff;
    margin-bottom: 20px;
}

.county-subcontainer .row h4 {
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    color: #000;
    letter-spacing: 0px;
    line-height: 1.2;
    font-weight: 900;
    text-transform: uppercase;
    display: inline-block;
}

.export-options{
    float: right;
    z-index: 3;
    position: relative;
}

.export-options .fa{
    border-radius: 0px;
    border: 0px;
}

.export-options:hover ul.submenu{
    display: block;
}

.export-options .exportbtn{
    cursor: pointer;
}

.export-options .exportbtn:hover{
    background-color: #eee;
}

#tempBlock{
    height: 0px;
    overflow: hidden;
}

#exportBlock{
    padding: 10px;
    overflow: hidden;
}

#tempBlock .export-options, #tempBlock .stacked-source{
    display: none;
}

#tempBlock .pin{
    position: relative;
    top: 0;
    background: transparent;
}

#tempBlock .pin .county-header h2 {
    font-family: 'Rubik', sans-serif;
    font-size: 20px;
    color: #000;
    letter-spacing: 0px;
    line-height: 1.2;
    font-weight: 900;
    text-transform: capitalize;
}

#tempBlock .row h4 {
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    color: #000;
    letter-spacing: 0px;
    line-height: 1.2;
    font-weight: 900;
    text-transform: uppercase;
    display: inline-block;
}

#tempBlock .row.pt-3.px-md-4{
    margin-bottom: 20px;
}

.export-options ul.submenu {
    position: absolute;
    display: none;
    width: 120px !important;
    left: 0px;
    z-index: 200000;
    background: #fff;
    max-width: 120px;
    margin: 0px;
    list-style: none;
    padding: 10px 0;
    font-family: 'Rubik', sans-serif;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.4);
    font-size: 14px;
}

#exportFooter{
    text-align: center;
    font-size: 14px;
    line-height: 1.6;
    color: #000 !important;
}

#exportFooter a, #tempBlock p{
    color: #000 !important;
}

.datablock {
    /* z-index: 2; */
}

.datablock:before {
    width: 100%;
    height: 20px;
    background: #000000;
    content: "";
    display: block;
}

.nodata.datablock:before {
    display: none;
}

.racedata {
    width: 40px;
    height: 40px;
    background: #959595;
    content: "";
    border-radius: 20px;
    border: 1px solid #525252;
    display: block;
    position: absolute;
    left: 0%;
    top: 5px;
    transform: translateX(-50%);
    cursor: pointer;
    z-index: 1;
}

.racedata1 {
    width: 40px;
    height: 40px;
    background: #959595;
    content: "";
    border-radius: 20px;
    border: 1px solid #525252;
    display: block;
}

.racedata1.active {
    background: #FFDF00;
}

.racedatamid {
    width: 2px;
    height: 60px;
    content: "";
    border-radius: 0px;
    border-right: 3px dashed #FFDF00;
    display: block;
    position: absolute;
    left: 0%;
    top: -2px;
    transform: translateX(-50%);
    cursor: pointer;
}

.racedatamid:hover {
    z-index: 3;
}

.racedatamid:hover .tooltip1 {
    display: block !important;
    z-index: 1000;
}

.racedatamid1 {
    width: 2px;
    height: 60px;
    content: "";
    border-radius: 0px;
    border-right: 3px dashed #FFDF00;
    display: block;
    cursor: pointer;
}

.racedata span.span {
    font-family: 'Rubik', sans-serif;
    font-size: 10px;
    color: #000;
    width: 40px;
    text-align: center;
    line-height: 40px;
    display: none;
    font-weight: bold;
}

.racedata:hover,
.racedata.active:hover {
    width: 50px;
    height: 50px;
    border-radius: 25px;
    top: 0px;
    background: #FFDF00;
    z-index: 3;
}

.racedata.active {
    width: 50px;
    height: 50px;
    border-radius: 25px;
    top: 0px;
    background: #FFDF00;
    z-index: 2;
}

.racedata:hover span.span,
.racedata.active span.span {
    display: block;
    line-height: 50px;
    width: 50px;
}

.racedata:hover .tooltip1 {
    display: block !important;
    z-index: 1000;
}

.racedata:hover {
    z-index: 10 !important;
}


/* .county-subcontainer .row:last-child .racedata:hover .tooltip1{
	top: -110px;
} */

.minmax {
    font-family: 'Rubik', sans-serif;
    font-size: 12px;
    margin-top: 20px;
    font-weight: bold;
}

.countypicker {
    min-width: 250px;
    float: right;
    position: relative;
}

.countypicker .selectboxit-container {
    width: 100%;
    background: #FEC009;
    padding: 5px 5px 5px 5px;
    border-radius: 0;
    font-size: 16px;
    border: none;
    border-bottom: 0px solid #FEC009;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-transform: capitalize;
    font-family: 'Rubik', sans-serif;
    font-weight: lighter;
    font-size: 36px;
    color: #FEC009;
    letter-spacing: 1px;
    line-height: 32px;
}

.countypicker .selectboxit-container span {
    font-family: 'Rubik', sans-serif;
    font-size: 18px;
    color: #000;
    letter-spacing: 1px;
    line-height: 32px;
}

.arrow-down {
    width: 0px;
    height: 0px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #000;
    position: absolute;
    right: 10px;
    top: 12.5px;
    z-index: 100;
}

.county-header-block {
    justify-content: space-between;
    align-items: center;
}

.county-header-block .d-flex {
    justify-content: space-between;
    align-items: center;
}

.county-header-block .d-flex:first-child {
    justify-content: flex-start;
    align-items: center;
}

.county-header-block p {
    margin-bottom: 0px;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
}

#tooltip1 {
    padding: 20px 20px 40px;
    background: #fff;
    border-top: 10px solid #FEC009;
    border-left: 10px solid #FEC009;
    box-shadow: 2px 2px 7px #ccc;
    max-width: 220px;
    width: 220px;
    display: none;
    position: absolute;
    right: -220px;
    bottom: -30px;
    z-index: 1000;
}

.tooltip1 {
    padding: 20px 20px 40px;
    background: #fff;
    border-top: 10px solid #FEC009;
    border-left: 10px solid #FEC009;
    box-shadow: 2px 2px 7px #ccc;
    max-width: 220px;
    width: 220px;
    display: none;
    position: absolute;
    right: -220px;
    top: -30px;
    z-index: 1000;
}

#tooltip1 .metric-title,
.tooltip1 .metric-title {
    font-family: 'Rubik', sans-serif;
    font-size: 18px !important;
    color: #070024;
    letter-spacing: 0;
    line-height: 18px;
    display: inline-block;
    text-transform: capitalize;
    background: #fff;
    padding: 4px 8px;
    width: 100%;
}

#tooltip1 .top-metric-percentage,
.tooltip1 .top-metric-percentage {
    width: 100%;
    text-align: right;
    font-family: 'Rubik', sans-serif;
    font-weight: bold;
    font-size: 24px !important;
    color: #070024;
    letter-spacing: -2px;
    line-height: 28px;
    height: 36px;
}

#tooltip1 .lead-in,
.tooltip1 .lead-in {
    font-family: 'Space Mono', monospace;
    font-size: 12px !important;
    color: #8E8C8F;
    letter-spacing: -0.5px;
    line-height: 18px;
    margin: 10px 0 !important;
}

.tooltip1 .btn-learn-more {
    margin: 1rem auto 0px;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
}

.tooltip1 .btn-learn-more i.fa {
    font-size: .60rem;
    height: 16px !important;
    width: 16px !important;
    color: #212529;
    display: inline-block;
    line: static !important;
    line-height: 16px;
    margin: 0px;
    padding: 0px;
}

.mapbytite {
    font-family: 'Rubik', sans-serif;
    font-size: 10px;
    width: 20%;
    float: left;
    margin: 0 5px;
    text-align: right;
}

.racepage .map-legend {
    width: calc(80% - 27px) !important;
    float: left;
    margin: 5px;
}

.map-legend div {
    position: relative;
}

.map-legend div:first-child:before {
    content: 'Low';
    font-family: 'Rubik', sans-serif;
    font-size: 10px;
    position: absolute;
    top: 8px;
}

.map-legend div:nth-child(3):before {
    content: 'Mid';
    font-family: 'Rubik', sans-serif;
    font-size: 10px;
    position: absolute;
    top: 8px;
    left: -10px;
}

.map-legend div:last-child:before {
    content: 'High';
    font-family: 'Rubik', sans-serif;
    font-size: 10px;
    position: absolute;
    top: 8px;
    right: 0px;
}

.map-nodata {
    width: calc(20% - 30px);
    float: left;
    margin: 5px;
}

.map-nodata div {
    width: 100%;
    height: 13px;
    float: left;
    border: solid 1px #DAD4D2;
    position: relative;
}

.map-nodata div:before {
    content: 'No Data';
    font-family: 'Rubik', sans-serif;
    font-size: 10px;
    position: absolute;
    top: 8px;
    right: 0px;
}

.select-container .svg {
    position: absolute;
    right: 4px;
    top: unset;
    bottom: 20px !important;
}

.raceplacecontainer {
    position: relative;
}

#places1 {
    position: absolute;
    display: none;
    background: #fff;
    padding: 20px;
    z-index: 1;
    top: 42px;
    right: 0px;
    min-width: 400px;
}

.primarysec .selectboxit-container.selectboxit-container {
    display: none;
}

.raceplacecontainer {
    width: 100%;
    max-width: 300px;
    background: #FEC009;
    padding: 5px 5px 5px 5px;
    border-radius: 0;
    font-size: 16px;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-transform: uppercase;
    font-family: 'Rubik', sans-serif;
    font-weight: lighter;
    font-size: 18px;
    color: #000;
    letter-spacing: 1px;
    line-height: 32px;
}

.raceplacecontainer:hover #places1 {
    display: block;
}

@media only screen and (max-width: 1123px) and (min-width: 1024px) {
    .racepage .mapbytite {
        display: none;
    }
    .racepage .map-nodata div:before {
        display: none;
    }
}

@media only screen and (max-width: 1023px) and (min-width: 320px) {
    .raceplacecontainer {
        max-width: 100%;
    }
    #places1 {
        min-width: 100%;
    }
    .racedatamid1 {
        height: 40px;
    }
    .racedatamid {
        height: 40px;
        top: 0px;
    }
    .racedata {
        width: 20px;
        height: 20px;
        border-radius: 10px;
        top: 11px;
    }
    .datablock:before {
        height: 10px;
    }
    .racedata.active {
        width: 40px;
        height: 40px;
        border-radius: 20px;
        top: 0px;
        background: #FFDF00;
        z-index: 2;
    }
    .racedata:hover,
    .racedata.active:hover {
        width: 40px;
        height: 40px;
        border-radius: 20px;
        top: 0px;
        background: #FFDF00;
        z-index: 3;
    }
    .racedata:hover span.span,
    .racedata.active span.span {
        display: block;
        line-height: 40px;
        width: 40px;
    }
    #tooltip1,
    .tooltip1 {
        right: 50%;
        transform: translate(50%, 0);
    }
    .racedata.right .tooltip1,
    .racedatamid.right .tooltip1 {
        right: 50%;
        transform: translate(0%, 0);
    }
    .racedata.left .tooltip1,
    .racedatamid.left .tooltip1 {
        right: 50%;
        transform: translate(100%, 0);
    }
    .racedata1 {
        width: 20px;
        height: 20px;
        background: #959595;
        content: "";
        border-radius: 10px;
        border: 1px solid #525252;
        display: block;
    }
    .racepage {
        height: 450px !important;
    }
    .racepage .mapbytite {
        display: none;
    }
    .racepage .map-nodata div:before {
        display: none;
    }
    #map-info.race-map-info {
        top: 100px;
    }
    .minmax {
        margin-top: 12px;
    }
}

.places_block .places {
    position: absolute;
    width: calc(100% - 40px);
    top: 50px;
}

.explore-nav-container.places_block {
    position: relative;
    padding-top: 20px;
}

.sup_index {
    background-color: #FEC009;
    margin-right: 2px;
    padding: 2px;
}

.citations {
    font-size: 16px;
    width: 100%;
    word-break: break-word;
    display: none;
}

.citations.active {
    display: block;
}

.togglecitations {
    font-size: 12px;
    padding: 0px 5px;
    background: #FEC009;
    margin-left: 10px;
    display: inline;
    cursor: pointer;
    border: 0px;
    line-height: 22px;
}