/* Styles for findingcare */

#content { display: none; font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; line-height: 22px; }

body.has-nav { padding-top: 0; }
#content { position: absolute; top: 0; left: 0; overflow-y: hidden; }

section { position: relative; margin: 0; padding: 0; }
section img {
    -webkit-transition: -webkit-filter 2.5s ease-in-out;
    -webkit-filter: grayscale(100%); 
}
section.active img {
    -webkit-filter: grayscale(0); 
}
section.fast img {
    -webkit-transition: -webkit-filter .6s ease-in-out;
}

.container-fluid { max-width: auto; width: auto; }

a.modal-link { color: #00c; }

a.modal-link i { margin-left: 4px; }

.bubble {
    display: none;
    position: absolute; 
    background-color: rgba(230,230,230,.7);
    z-index: 10;
    color: #000;
}
.bubble-inner {
    padding: 14px 25px;
}
.bubble h1 { margin-bottom: 25px; }

.navbar { position: absolute; z-index: 500; top: 0; left: 0; width: 100%; }
.navbar-inner { border-radius: 0; }

.nav-buttons { text-align: center; margin-top: 25px; }

div.jp-audio, div.jp-interface { border: none; width: 145px; overflow: hidden; margin: 0 auto; }
div.jp-audio div.jp-type-single div.jp-progress,
div.jp-audio div.jp-type-single div.jp-time-holder { left: 45px; width: 70px; }
div.jp-audio div.jp-progress { top: 22px; }
div.jp-audio div.jp-type-single div.jp-time-holder { top: 44px; } 
div.jp-audio { background-color: transparent; }
div.jp-type-single .jp-gui{ background-color: transparent; }

.highcharts-container {
    margin: 0 auto;
}

.audio-wrapper {
    padding: 0 0 5px 0;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    margin-bottom: 10px;
}

.audio-wrapper .audio-caption {
    margin-bottom: 0;
    font-style: italic;
    color: #555;
    font-size: 13px;
    padding-top: 20px;
}
div.jp-audio ul.jp-controls { padding-left: 0; }

.modal { width: auto; max-width: 80%; }

h1 {
    font-size: 33px; 
}

h3 {
    font-size: 22px;
    line-height: 30px;
}

p.bignumber {
    margin-bottom: 0;
}
.bignumber span {
    display: block;
    line-height: 1.1;
    text-align: center;
}

#slide2 h1 {
    margin-bottom: 10px;
}

.bignums {
    margin-bottom: 10px;
    padding: 11px 0;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
}

.bignumber .number {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 7px;
}

.explainer, .number-label {
    font-size: 13px;
    padding: 0 10px;
    text-align: center;
}

.small { font-size: 13px; }

#graph-census { margin-left: -70px; }

.bignum-header {
  margin-bottom:20px;
}