.blog-header h1{
    font-size:2em;
    line-height:1.4;
    text-wrap:balance;
    margin:2rem 0
}
@media (min-width: 600px){
    .blog-header h1{
        font-size:3em;
        text-align:center
    }
}
.blog-header img{
    border-radius:1rem
}

.restaurants.show header h1{
    text-align:center
}
.restaurants.page,.restaurants.index,.restaurants.featured{
    background-color:#F1F3F5
}
.restaurants.page h1,.restaurants.index h1,.restaurants.featured h1{
    text-align:center
}
.restaurants.page h2,.restaurants.index h2,.restaurants.featured h2{
    font-size:1.2em;
    margin:3rem auto 1.5rem auto;
    position:sticky;
    top:.5rem;
    text-align:center;
    z-index:1
}
.restaurants.page h3,.restaurants.index h3,.restaurants.featured h3{
    font-size:1.2em;
    text-transform:uppercase;
    margin:1.5rem 0 0 0;
    padding:1.5rem 0
}
.restaurants.page nav.buttons ul li a,.restaurants.index nav.buttons ul li a,.restaurants.featured nav.buttons ul li a{
    padding:.5em;
    background-color:inherit
}
.restaurants.page nav.buttons ul li a i.fas,.restaurants.page nav.buttons ul li a i.fab,.restaurants.index nav.buttons ul li a i.fas,.restaurants.index nav.buttons ul li a i.fab,.restaurants.featured nav.buttons ul li a i.fas,.restaurants.featured nav.buttons ul li a i.fab{
    color:inherit;
    font-size:1.2em
}
.restaurants.page p.description,.restaurants.index p.description,.restaurants.featured p.description{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:100;
    overflow:hidden;
    margin:0 0 1.5rem 0;
    padding:0
}
.restaurants.page p.description.less,.restaurants.index p.description.less,.restaurants.featured p.description.less{
    -webkit-line-clamp:3
}
.restaurants.page section.menu,.restaurants.index section.menu,.restaurants.featured section.menu{
    margin-bottom:5rem
}
.restaurants.page article,.restaurants.index article,.restaurants.featured article{
    font-size:1.2em;
    background-color:#FFF;
    margin-bottom:1rem;
    border-radius:.5rem;
    box-shadow:0 1px 2px 1px #00000020;
    overflow:auto
}
@media (min-width: 600px){
    .restaurants.page article .item-image,.restaurants.index article .item-image,.restaurants.featured article .item-image{
        float:left;
        width:300px;
        padding:1rem
    }
    .restaurants.page article .item-image+.item-content,.restaurants.index article .item-image+.item-content,.restaurants.featured article .item-image+.item-content{
        margin-left:calc(300px + 1rem)
    }
}
.restaurants.page article .item-content,.restaurants.index article .item-content,.restaurants.featured article .item-content{
    padding:1rem
}
.restaurants.page article .labels,.restaurants.index article .labels,.restaurants.featured article .labels{
    margin:0;
    padding:0;
    text-transform:uppercase
}
.restaurants.page article .price,.restaurants.index article .price,.restaurants.featured article .price{
    float:right;
    margin:.2rem 0;
    padding:0 0 0 1rem
}
.restaurants.page article h4,.restaurants.index article h4,.restaurants.featured article h4{
    font-size:1em;
    margin:.2rem 0;
    padding:0
}
.restaurants.page article p.description,.restaurants.index article p.description,.restaurants.featured article p.description{
    font-size:smaller;
    margin:.2rem 0;
    padding:0
}
.restaurants.page article ul.variants,.restaurants.index article ul.variants,.restaurants.featured article ul.variants{
    list-style:none;
    margin:0;
    padding:0
}
.restaurants.page article ul.variants li,.restaurants.index article ul.variants li,.restaurants.featured article ul.variants li{
    margin:.2rem 0
}
.restaurants.page article ul.variants .price,.restaurants.index article ul.variants .price,.restaurants.featured article ul.variants .price{
    margin:0
}
.restaurants.page article a,.restaurants.index article a,.restaurants.featured article a{
    color:inherit
}
.restaurants.page article.with-small-image img,.restaurants.index article.with-small-image img,.restaurants.featured article.with-small-image img{
    height:3em;
    float:right;
    padding:0 0 1rem 1rem
}
.restaurants.page footer#menu-footer,.restaurants.index footer#menu-footer,.restaurants.featured footer#menu-footer{
    margin-top:3rem;
    text-align:center
}
.restaurants.page footer#menu-footer a,.restaurants.index footer#menu-footer a,.restaurants.featured footer#menu-footer a{
    display:inline-block;
    color:inherit
}
.restaurants.page footer#menu-footer a img,.restaurants.index footer#menu-footer a img,.restaurants.featured footer#menu-footer a img{
    width:1.5em;
    height:1.5em;
    vertical-align:middle
}
.restaurants.page main{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    min-height:calc(100vh - 3em)
}
@media (min-width: 1025px){
    .restaurants.page{
        padding:0
    }
    .restaurants.page .logo{
        margin-top:0
    }
    .restaurants.page main{
        padding:1.5em 4em;
        background-color:rgba(255,255,255,0.95)
    }
    .restaurants.page.white{
        background-color:#F1F3F5
    }
}
@media (max-width: 1024px){
    .restaurants.page.dark{
        color:#000000
    }
    .restaurants.page.dark h1,.restaurants.page.dark h3,.restaurants.page.dark nav.buttons,.restaurants.page.dark nav.buttons i.fas,.restaurants.page.dark nav.buttons i.fab,.restaurants.page.dark .go-back,.restaurants.page.dark #menu-container>p.description,.restaurants.page.dark .menu>p.description,.restaurants.page.dark .menu>p.about,.restaurants.page.dark .menu-price,.restaurants.page.dark footer{
        color:#000000
    }
}
#restaurant-cover{
    margin-top:-1.5rem;
    padding-top:50%;
    background-color:#F1F3F5;
    background-size:cover;
    background-position:center;
    border-bottom-left-radius:.5em;
    border-bottom-right-radius:.5em
}
@media (max-width: 800px){
    #restaurant-cover{
        padding-bottom:1rem;
        margin-right:-1rem;
        margin-left:-1rem;
        border-radius:0
    }
}
#restaurant-cover+.logo{
    margin-top:-50px
}
#restaurant-cover+header{
    margin-top:2em
}
#menu-nav ol{
    list-style:none;
    margin:0;
    padding:0
}
#menu-nav ol li{
    font-size:1.2em;
    margin:1rem auto
}
#menu-nav ol li:first-child{
    margin-top:3rem
}
#menu-nav ol li a{
    display:block
}
a.menu-nav-button{
    display:inline-block;
    color:inherit;
    font-weight:bold;
    background-color:#FFF;
    box-shadow:0 1px 2px 1px #00000020;
    border-radius:9999px;
    padding:.5rem 1rem;
    text-align:center
}
a.menu-nav-button i.fas{
    margin-left:.5em
}
a.menu-nav-button i.fas.menu-info-circle{
    margin-right:.5em
}
a.menu-nav-button:hover{
    color:inherit
}
a.menu-nav-button.external-link{
    font-weight:normal

}
body{
    box-sizing:border-box;
    margin:0;
    padding:0;
    text-size-adjust:none;
    font-family:Arial, Helvetica, sans-serif;
    line-height:1.4;
    color:#555555
}
@media (min-width: 1025px){
    body{
        background-color:#F1F3F5;
        padding-bottom:1px
    }
}
body #header{
    padding:1em;
    background-color:#fff;
    border-bottom:2px solid #F1F3F5
}
@media (min-width: 1025px){
    body #header{
        padding:1em 2em;
        display:flex;
        justify-content:space-between;
        align-items:center
    }
}
@media print{
    body #header{
        display:none
    }
}
body #header #header-top{
    display:flex;
    justify-content:space-between;
    align-items:center
}
@media (min-width: 1025px){
    body #header #header-top{
        display:block
    }
}
body #header #site-name a{
    padding:1rem 0;
    margin:2rem 0 0 0;
    font-size:1.5em;
    font-weight:normal;
    color:inherit
}
@media (min-width: 1025px){
    body #header #site-name a img{
        width:48px;
        height:48px
    }
}
body #header #site-name a img{
    vertical-align:middle
}
body #header #menu-icon{
    font-size:1.5em
}
@media (min-width: 1025px){
    body #header #menu-icon{
        display:none
    }
}
body #header #header-nav{
    min-height:100vh
}
@media (min-width: 1025px){
    body #header #header-nav{
        min-height:auto
    }
}
body #header #header-nav:not(.expanded){
    display:none
}
@media (min-width: 1025px){
    body #header #header-nav:not(.expanded){
        display:block
    }
}
body #header #header-nav ul{
    list-style:none;
    padding:1em 0;
    margin:0
}
body #header #header-nav ul li{
    display:block;
    padding:1.25rem 0;
    margin:0;
    border-bottom:2px solid #F1F3F5
}
@media (min-width: 1025px){
    body #header #header-nav ul li{
        display:inline-block;
        padding:0;
        border:none
    }
}
body #header #header-nav ul li a{
    color:inherit;
    border-radius:.5em;
    font-size:1.25rem;
    font-weight:600
}
@media (min-width: 1025px){
    body #header #header-nav ul li a{
        font-size:1rem;
        padding:.75em
    }
    body #header #header-nav ul li a:hover{
        background-color:#F1F3F5
    }
}
body #header #header-nav ul li a i.fas{
    color:#1BA1F1;
    margin-right:.75rem
}
@media (min-width: 1025px){
    body #header #header-nav ul li a i.fas{
        margin-right:.5rem
    }
}
body:has(#header-nav.expanded){
    overflow:hidden;
    position:fixed;
    top:0;
    left:0;
    width:100%
}
@media (min-width: 1025px){
    body:has(#header-nav.expanded){
        overflow:visible;
        position:static
    }
}
body>main{
    margin:0 auto;
    padding:1.5em 1em;
    max-width:850px
}
@media (min-width: 1025px){
    body>main{
        background-color:#FFF
    }
}
@media (min-width: 1025px){
    body #header+main,body #breadcrumb+main{
        padding:3em 4em;
        margin:2em auto;
        border-radius:1rem
    }
}
body.editors.show{
    background-color:#FFF
}
body.editors.show>#header+main{
    margin:0;
    padding:0;
    max-width:none;
    background-color:inherit
}
#breadcrumb{
    display:block;
    background:#F1F3F5
}
#breadcrumb ol{
    display:block;
    margin:0;
    padding:.75em 1em;
    overflow:auto;
    white-space:nowrap
}
#breadcrumb ol li{
    display:inline-block;
    margin:0;
    padding:0;
    font-size:0.8em;
    line-height:1
}
#breadcrumb ol li+li:before{
    font-size:1.25em;
    font-weight:bold;
    padding:0 .5em;
    content:"›"
}
#breadcrumb ol li a{
    font-weight:600;
    color:inherit
}
@media (min-width: 1025px){
    #breadcrumb{
        background:#fff
    }
    #breadcrumb ol{
        padding:.75em 2em
    }
    #breadcrumb ol li{
        font-size:1em
    }
}
@media print{
    #breadcrumb{
        display:none
    }
}
main header{
    margin-bottom:1.5em
}
main header .go-back{
    float:left;
    color:inherit;
    position:relative;
    font-size:1.4em;
    line-height:1
}
main header .go-back:hover{
    color:inherit
}
main header .go-back:after{
    content:"";
    position:absolute;
    top:-.75em;
    left:-.75em;
    width:2.5em;
    height:2.5em
}
@media print{
    main header .go-back{
        display:none
    }
}
main header h1{
    padding:0;
    margin:0
}
@media (min-width: 600px){
    main header h1{
        text-align:center
    }
}
@media print{
    main header h1{
        text-align:center
    }
}
main header h1 a{
    color:inherit
}
main header h1 a:hover{
    color:inherit
}
main header h1 .header-subtitle span{
    font-size:.8em;
    margin-top:.2em;
    color:#AAA;
    font-weight:normal;
    display:block
}
main header h1{
    color:#000000;
    font-size:1.4em;
    line-height:1
}
h2{
    font-size:1.2em
}
table{
    width:100%;
    text-align:left
}
img{
    max-width:100%
}
.image-placeholder{
    background-color:#F1F3F5;
    max-width:100%;
    padding-top:50%;
    position:relative
}
.image-placeholder img{
    position:absolute;
    top:0;
    left:0
}
a{
    color:#1BA1F1;
    text-decoration:none;
    transition:color .3s
}
a:hover{
    color:#0d85cc
}
a.danger{
    color:#FF5252
}
a.danger:hover{
    color:#ff1f1f
}
a .logo{
    transition:transform .3s
}
a .logo:hover{
    transform:scale(1.5)
}
.screenreader{
    position:absolute !important;
    height:1px;
    width:1px;
    overflow:hidden;
    clip:rect(1px, 1px, 1px, 1px)
}
.ingredients{
    font-style:italic
}
.full-width{
    width:100%
}
.fade-in{
    opacity:0.1;
    transform:scale(0.1);
    transition:opacity 0.6s ease-out, transform 0.6s ease-out
}
.fade-in.visible{
    opacity:1;
    transform:none
}
.lines{
    white-space:pre-line
}
.less{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden
}
ul.labels{
    margin:0;
    padding:0;
    list-style:none
}
ul.labels li{
    display:inline-block;
    margin:.2em .5em 0 0;
    padding:.2em .5em;
    font-size:small;
    background-color:#F1F3F5
}
nav.buttons ul{
    margin:0;
    padding:0;
    list-style:none;
    text-align:center
}
@media (max-width: 599px){
    nav.buttons ul{
        overflow:auto;
        white-space:nowrap
    }
}
nav.buttons ul li{
    display:inline-block;
    margin:0 .5em 1em 0
}
nav.buttons ul li a,nav.buttons ul li span{
    display:block;
    padding:.5em 1em;
    background-color:#F1F3F5;
    color:inherit;
    border-radius:.5em;
    transition:background-color .3s
}
nav.buttons ul li a i.fas,nav.buttons ul li a i.fab,nav.buttons ul li span i.fas,nav.buttons ul li span i.fab{
    margin-right:.5em;
    color:#1BA1F1;
    font-weight:900
}
nav.buttons ul li a:hover{
    background-color:#E8EAED
}
nav.main ul{
    margin:0;
    padding:0;
    list-style:none;
    text-align:center
}
nav.main ul li{
    display:block;
    margin:1em 0
}
nav.main ul li a{
    display:block;
    font-size:1.2em;
    padding:2em;
    border:1px solid #E6ECFD
}
.center{
    text-align:center
}
.right{
    text-align:right
}
@media (max-width: 599px){
    .hidden-mobile{
        display:none
    }
}
.main{
    font-size:1.2em
}
.hero{
    font-size:1.2em;
    text-align:center;
    background-color:#F1F3F5;
    border-radius:.5em;
    padding:2em;
    margin:1em 0
}
p.about{
    font-size:1.2em;
    white-space:pre-line;
    margin:1em 0
}
.logo{
    display:block;
    margin:1.5em auto;
    width:100px;
    height:100px;
    border-radius:.5rem
}
.logo+header h1{
    text-align:center
}
.separator{
    display:flex;
    align-items:center;
    text-align:center
}
.separator::before,.separator::after{
    content:'';
    flex:1;
    border-bottom:1px solid #555
}
.separator::before{
    margin-right:.5em
}