/* Copied from lib site - may not need some of these */

/*.num-color1 { color: rgb(225, 120, 14); }
.num-color3 { color: rgb(89, 161, 79); }
.num-color5 { color: rgb(176, 146, 2); }
.num-color6 { color: rgb(84, 160, 153); }
.num-color8 { color: rgb(224, 103, 187); }

!* safe for smaller text *!
.num-color0 { color: rgb(78, 121, 167); }
.num-color2 { color: rgb(219, 56, 58); }
.num-color4 { color: rgb(148, 95, 185); }
.num-color7 { color: rgb(140, 86, 75); }*/

.num-color1,
.num-color3,
.num-color5,
.num-color6,
.num-color8,
.num-color0,
.num-color2,
.num-color4,
.num-color7 { color: #191919; }

.by-the-numbers .showHideCtrl:not(.ctrlCollapsed) span.showMore{display:none}
.by-the-numbers .showHideCtrl.ctrlCollapsed span.showLess{display:none}
.by-the-numbers .initiallyHidden { display: none; }

.four-across .col { width: 23%; }
.three-across .col { width: 30%; }
.duo .col { width: 50%; }
.four-across .col,
.three-across .col {
    margin-top: 1em;
    margin-right: 1em;
}

#visitorCountsMore .pie {
    min-width: 300px;
}

.by-the-numbers .numAnim {
    font-size: 1.7em;
}

.by-the-numbers .numAnimUnit {
    font-size: 1.7em;
}

#locationsSpaceStats h4 {
    margin-top: .5em;
    margin-bottom: 0;
}

.tab-in-person-visitors .inline-field {
    width: auto;
    margin: 0 .5em;
    display: inline-block;
}

.by-the-numbers .tab-content {
    padding-top: 0;
}

canvas { background-color: #fff; }


/* On desktop these two don't go full width so we set a manual width. Yuck. */
@media only screen and (min-width: 62rem) {
    #website-visitors,
    #expenditures {
        min-width: 775px;
    }
}