The 50 Best Dishes in Chicago

@media screen and (min-width: 1300px) {
article.super .content {
padding: 0 20px;
width: 1240px !important;
}
}

@media screen and (max-width: 1299px) {
article.super .content {
padding: 0 20px;
width: 100% !important;
}
}

#list-dish, #list-hood, #list-price {
display: none;
}

.list ul {
max-width: 100% !important;
padding-left: 0 !important;
}

.list ul li {
width: 24.666666%;
list-style: none !important;
/*float: left;*/
display: inline-flex;
}

@media screen and (max-width: 768px) {
.list ul li {
width: 32.9% !important;
}
}

@media screen and (max-width: 600px) {
.list ul li {
width: 49% !important;
}
}

@media screen and (max-width: 425px) {
.list ul li {
width: 100% !important;
}
}

#list-alpha ul li:nth-child(5), #list-alpha ul li:nth-child(9), #list-alpha ul li:nth-child(13), #list-alpha ul li:nth-child(17),
#list-alpha ul li:nth-child(21), #list-alpha ul li:nth-child(25), #list-alpha ul li:nth-child(29), #list-alpha ul li:nth-child(33),
#list-alpha ul li:nth-child(37), #list-alpha ul li:nth-child(41), #list-alpha ul li:nth-child(45), #list-alpha ul li:nth-child(49) {
clear: both;
}

.list ul li div {
padding: 10px;
}

.list ul li h3, h4 {
text-align: center;
}

.list ul li h3 {
margin-bottom: 0;
}

.list ul li:hover h3 {
color: #f00;
}

.list ul li h4 {
color: #939597;
font-weight: 400;
}

.content.post li a, .content.post h3 a {
border-bottom: 0;
}

.list-section {
display: inline-block;
width: 100%;
text-align: center;
}

.list ul {
max-width: 100% !important;
padding-left: 0 !important;
width: 100%;
text-align: center;
}

#sort {
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
}

#sort button {
background: #ffc236 !important;
padding: 18px 31px 16px !important;
color: #000 !important;
font-size: 16px !important;
}

#sort button:active, #sort button:hover {
background: #ffd269 !important;
}

#fbShare {
display: none;
}

.article-meta .timestamp {
text-align: center;
margin-top: 20px !important;
}

#share-mini {
display: flex;
}

.story-share-buttons.story-share-buttons-mini {
margin-left: auto !important;
margin-right: auto !important;
}

#div-gpt-ad-leaderboard-2 {
margin-bottom: 40px;
}

jQuery(document).ready(function($) {

$(“#btn-alpha”).click(function(){
$(“#list-alpha”).show();
$(“#list-dish”).hide();
$(“#list-hood”).hide();
$(“#list-price”).hide();
});

$(“#btn-dish”).click(function(){
$(“#list-alpha”).hide();
$(“#list-dish”).show();
$(“#list-hood”).hide();
$(“#list-price”).hide();
});

$(“#btn-hood”).click(function(){
$(“#list-alpha”).hide();
$(“#list-dish”).hide();
$(“#list-hood”).show();
$(“#list-price”).hide();
});

$(“#btn-price”).click(function(){
$(“#list-alpha”).hide();
$(“#list-dish”).hide();
$(“#list-hood”).hide();
$(“#list-price”).show();
});

})