#top-states,.section{clear:both}#donut-chart-subtext span,.headline{text-transform:capitalize}#stat-panel #stats .stat .stat-num::before,#stat-panel #stats .stat::after{content:"\00a0 "}.line-nodes,svg{overflow:hidden}#cover,#overlay{visibility:hidden}html{font-size:2vw;-ie-font-size:14px;font-family:Effra}body{margin:0;padding:0;cursor:default}@media (max-width:605px){html{-ie-font-size:13px}}@media (max-width:555px){html{-ie-font-size:12px}}@media (max-width:505px){html{-ie-font-size:11px}}#header-container{width:100%;height:10px}.button-group{margin:0 10%}.button-group#data-controls{float:right}.half-panel.left,div.button{float:left}div.button{margin:5px;padding:4px;border-radius:7px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;background:#d3d3d3}div.button.active{background:#a9a9a9;color:#fff}#map-headline{margin-left:1%}#map-headline .subtext strong{color:#DA8910}#color-legend{width:50%}.half-panel{width:49%}.half-panel.right{float:right}.headline{font-size:1.3rem}.headline.headline2{font-size:1.8rem;line-height:1.8rem;font-weight:500}.headline,.subtext{color:#163251}#chart-headers-container .headline{font-size:1.1rem;line-height:1.2rem}#gas-chart-header .headline{color:#E38E11}#water-chart-header .headline{color:#336BC0}.subtext{font-size:.9rem;line-height:1.1}#regions,#top-states{color:#4582CC;text-align:center}#chart-headers-container .subtext{font-size:.9rem;line-height:.9rem}#gas-chart-header .subtext{color:#BA9E74}#water-chart-header .subtext{color:#B2D5F8}#overlay-trigger{font-size:.8em;color:#DA8910;cursor:pointer}#social-buttons{height:3vh;padding:0 5px 0 0;margin:1% 0}.social-button{height:3vh;width:3vh;display:block;float:left;background-size:contain;margin-right:2px}.social-button#twitter{background-image:url(../images/twitter.jpg)}.social-button#facebook{background-image:url(../images/facebook.jpg)}.social-button#pinterest{background-image:url(../images/pinterest.jpg)}.social-button#g-plus{background-image:url(../images/gplus.jpg)}.social-button#linkedin{background-image:url(../images/linkedin.jpg)}.social-button#stumbleupon{background-image:url(../images/stumbleupon.jpg)}#map-container{margin:1vh 0;float:left}.mesh{fill:none;stroke:#f5f5f5}#map-svg .state{fill:#d3d3d3;stroke:#f5f5f5;-webkit-transition:fill .4s ease;-moz-transition:fill .4s ease;-o-transition:fill .4s ease;transition:fill .4s ease}#map-svg .state.hovered,#map-svg .state.selected,#map-svg .state:hover{fill:#DA8910!important}#map-svg .state.not-in-region{fill:#f5f5f5!important}.selectors-container{margin:0 5px}#regions .selectors-container{margin-top:5px}#top-states .selectors-container{margin-bottom:5px}#regions .selectors-container .selectors{width:75%;margin-left:12.5%}#top-states .selectors-container .selectors{width:95%;margin-left:2.4%}.selectors{text-align:justify;-ms-text-justify:distribute-all-lines;text-justify:distribute-all-lines}.selectors .region-selector{vertical-align:top;display:inline-block;text-align:center}.selectors .region-selector.active .region-selector-button{background-color:#153050}.selectors .region-selector:hover{opacity:.8}.selectors .region-selector.small{font-size:.7rem;width:19%}.selectors .region-selector.small .region-selector-button{width:4vmax;height:4vmax;margin:0 auto}.selectors .region-selector.large{font-size:1rem;line-height:1rem;width:49%}.selectors .region-selector.large.right>div{float:left}#linechart-container,#stat-panel,.selectors .region-selector.large.left>div{float:right}.selectors .region-selector.large .region-selector-text{width:70%}.selectors .region-selector.large .region-selector-button{margin-top:3.5%;width:4vmax;height:4vmax}.selectors .region-selector.large.right .region-selector-button{margin-left:2px}.selectors .region-selector.large.left .region-selector-button{margin-right:2px}.selectors .region-selector-button{background-color:#D2D2D2;border-radius:50%}.stretch{width:100%;display:inline-block;font-size:0;line-height:0}#cc-logo{position:absolute;bottom:0;left:2px}#cc-logo img{height:5.5vh}#linechart-section #state-name{font-size:1.8rem}#linechart-container path.line{fill:none;stroke:#336BC0;stroke-width:1.7px}#linechart-container path.area{fill:rgba(51,107,192,.6);opacity:0}#linechart-container path.line#usa-average{stroke-dasharray:7,4;stroke-width:3px}#linechart-container .right-chart path.line{stroke:#DA8910}#linechart-container .right-chart path.area{fill:rgba(218,137,16,.6)}#linechart-container path.line.over,#linechart-container path.line.over2{opacity:.8}#linechart-container path.line.over{stroke-width:0}#linechart-container path.line.multi{stroke:rgba(211,211,211,.15);-web15it-transition:stroke-width .15s ease;-webkit-transition:stroke .15s ease;-moz-transition:stroke .15s ease;-o-transition:stroke .15s ease;transition:stroke .15s ease}#linechart-container path.line.multi.active,#linechart-container path.line.multi.hovered{stroke-width:2.5px}#linechart-container path.line.multi.active{stroke:#9370db}#linechart-container path.line.multi.hovered{stroke:#336BC0}#linechart-container .right-chart path.line.multi.hovered{stroke:#DA8910}#linechart-container path.line.multi.selected{stroke:#9370db;stroke-width:2px}#linechart-container .axis{font-size:.5rem}#linechart-container .axis line,#linechart-container .axis path{fill:none;stroke:grey;stroke-width:1;shape-rendering:crispEdges}#linechart-container .tick line{stroke:#d3d3d3}#stat-panel{width:98%;height:37vh;margin-right:2%;margin-top:2%}#stat-panel .half-panel{background-color:#D2D2D2;height:100%;position:relative}#stat-panel .half-panel.left{width:39%}#stat-panel .half-panel.right{width:60%}#donut-chart-container{width:96%;height:55%;margin-left:2%;margin-top:3%}.arc.overlay{fill:none;stroke:#152F50;stroke-width:1.5}.arc.empty{fill:#fff}.arc.state{fill:#336BC0}.donut-svg text{font-size:2.3em}#donut-chart-subtext{text-align:center;font-size:.9em;width:95%;margin:6% 2.5% 0;line-height:1.15em}#linechart-section #state,#stat-panel .stat-num{color:#336CBF}#stat-panel .stat{width:100%;height:20%}td{padding-top:.3em;padding-bottom:.3em}#stat-panel .stat.no-us-avg{opacity:0}#stat-panel .stat .stat-num{width:25%;font-size:2rem;text-align:right;vertical-align:top}#stat-panel .stat .stat-text{width:75%;font-size:.95rem;line-height:1.1em}#stat-panel .stat .stat-num,svg text{font-family:bebas-neue}#stat-panel .stat sup{font-size:.8rem}#stat-panel .instruction{top:20%;width:80%;left:10%;position:absolute;opacity:1;text-align:center}.line-nodes{padding:24px 0;margin:auto;width:85%}.line-nodes .line{width:100%;height:2px;background-color:#ccc}.line-nodes .nodes{position:relative}#cover,#overlay,.line-nodes .nodes .node-group,.node-group .node{position:absolute}.node-group .node{text-align:center;top:-28px;text-decoration:none;color:teal;display:block;font-size:13;padding:38px 0 4px}.node-group .node:after{content:"";border-radius:22px;height:11px;width:11px;border:2px solid #fff;position:absolute;top:20px;left:50%;margin:0 0 0 -7px;background:teal}#timeline-container{display:none}#section-2{height:60px;margin-top:10px}#cover{z-index:10;height:100%;width:100%;top:0;left:0;background-color:rgba(0,0,0,.5)}#overlay{z-index:20;height:50%;width:80%;top:25%;left:10%;background-color:#fff;border-radius:5px;padding:5px}#overlay #inner{padding:5%;font-size:1.2rem;color:#163251}#overlay #x-button{background-image:url(../images/x.png);height:25px;width:25px;float:right;background-size:contain}#overlay #x-button:hover{background-image:url(../images/x3.png)}