div#content.article .graphic-wrapper h2,
.graphic-wrapper img {max-width:100%}
a.credit{font-style:italic}
.graphic-wrapper p{font-weight:normal;}
.graphic-wrapper h1{font-size: 40px;line-height: 1.3em;margin: 10px 0;}
.graphic-wrapper strong {color:#000}
.graphic-wrapper .text-center {text-align:center;}
.graphic-wrapper .text-right {text-align:right;}
.graphic-wrapper .legend p{font-family:’Arial’, sans-serif; font-size:14px; color:#000;line-height:1.3em;margin:0;padding:0;}
ul.key li{display: inline;margin-right: 28px;font-family: ‘Arial’,sans-serif;color: #000;font-size: 13px;}
.box{display: inline-block;background-color: #000;height: 10px;width: 10px;margin: 0 5px 0 0px;border-radius: 50%;}
.legend div{float:left; width:45%;margin-right:5%}
.clearfix{clear:both}
/* REMOVE HEIGHT and WIDTH attributes from fusion tables and replace with class=’fusion-table’ */
.fusion-table{width:100%;height:400px;margin:15px 0;}
/* USE AN
in “.graphic-wrapper” for chart labels */
.graphic-wrapper h4{color:#000;font-family:’Arial’, sans-serif;font-weight:bold;font-size:16px;margin: 0 0 5px 0}
/* USE AN inside the
for normal-weight italic type */
.graphic-wrapper h4 em{font-weight:normal;}
/* TABLE STYLES — just be sure
is in “.graphic-wrapper” */
/* http://tableizer.journalistopia.com/ */
.graphic-wrapper table {width:100%;margin:15px 0;border-collapse:collapse;}
.tableizer-firstrow, .graphic-wrapper table thead tr {background-color:#12182d;color:#fff;}
.graphic-wrapper table tbody tr {vertical-align: top;}
.graphic-wrapper table td,.graphic-wrapper table th{font-size:14px; font-family:’Arial’, sans-serif;}
.graphic-wrapper table td {padding:7px;}
.graphic-wrapper table tbody tr:first-child td {padding-top:12px;}
.graphic-wrapper table th {padding:10px;border-right: 1px solid white;text-align: left;}
.graphic-wrapper table tr:last-child{ border-bottom: 2px solid #12182d;}
.graphic-wrapper table tr:last-child td{ padding-top: 10px; padding-bottom:10px;}
/* TABLE ZEBRA STRIPES — use
*/
.graphic-wrapper table.zebra td {padding:10px 7px;}
.graphic-wrapper table.zebra tbody tr:nth-child(even) {background: #d3deea}
.show-phone{display:none;}
/* YOUR NEW STYLES HERE */
.bar{
height:20px;
background-color: #888;
padding: 3px 0px;
color:#fff;
text-align: right;
margin-bottom:7px;
margin-right:8px;
float:left;}
.bar span{
padding-right:5px;
color:#fff;
font-weight:bold;
margin-top:2px;
margin-right: 0;
}
.bar-wrapper td > span{
float: left;
margin-top: 4px;
}
.turkey {background-color: #d7153a;}
@media all and (max-width: 700px) {
.show-phone{display:initial;}
.hide-phone{display:none;}
/* THIS IS WHERE PHONE-SPECIFIC STYLES GO */
}
Restaurant sales are projected to be $709.2 billion in 2015, according to the National Restaurant Association. The increase of 3.8 percent from last year is being driven by a drop in the price of ingredients and gas.
RESTAURANT INDUSTRY SALES In billions, for the U.S.
RESTAURANT INDUSTRY EMPLOYEES For the U.S.
*Projected
SOURCE: National Restaurant Association
@ChiTribGraphics
