/* ROCKET MENU STYLES */
/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@400;600&display=swap');

* {box-sizing:border-box;}
body {margin:0;padding:0;font-family:'Lexend Deca', sans-serif;color:#545a6c;font-size:16px;}
a:link, a:visited, a:active, a:hover {color:#545a6c;text-decoration:none;}
.page {
  background: #989eb1;
  min-height: 100vh;
  padding: 0 15px 40px 15px;
}
.content {max-width:680px;margin:0 auto;}
.header {min-height:50px;line-height:50px;display:flex;justify-content:space-between;}
.header-left {}
a.backbtn {font-weight:600;text-transform:uppercase;color:white;text-decoration:none;}
.refreshbtn { font-weight: 600; text-transform: uppercase; color: white; text-decoration: none; }
.header-right {}
.flags {display:flex;justify-content:flex-end;}
.flags img {margin:7px 0 0 10px;}
.bottom {
    font-size: 14px;
    text-align: center;
    background: white;
    width: 100%;
    color: #989eb1;
    position: fixed;
    bottom: 0;
    padding: 5px; 
}
.bottom a:link, .bottom a:visited {color:#989eb1;}
.bottom a:active, .bottom a:hover {color:#545a6c;}

/* Splash */
.page.splash {
    background-position: center;
    background-size: cover;
}
.logo {
    background: white;
    padding: 30px 15px;
    border-radius: 3px;
    text-align: center;
}
.logo img {max-width:100%;height:auto;}
.logotext {font-size:24px;font-weight:600;line-height:30px;text-transform:uppercase;}
.menu {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 30px 0 15px 0;
    align-items: center;
}
.menu a {
    background: white;
    color: #545a6c;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    text-transform: uppercase;
    margin-top: 10px;
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 1px;
    border-radius: 3px;
    text-decoration: none !important;
}
.menu a svg {height:36px;width:auto;fill:#545a6c;margin-right:10px;}

/* Menu */
.section {
    color: #545a6c;
    background: white;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    text-transform: uppercase;
    height: 60px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    margin-bottom: 10px;
    cursor: pointer;
    position: relative;
}
.caret:after {display:block;position:absolute;top:13px;right:20px;content:"+";font-size:24px;color:#989eb1;}
.section:hover .caret:after {color:#545a6c;}
.section.opened .caret:after {content:"-";}
.sectionintro {text-align:center;font-size:18px;font-weight:600;margin-bottom:20px;}
.sectioncontent {display:none;margin-bottom:20px;}
.subsection {font-size:20px;font-weight:600;line-height:24px;text-transform:uppercase;color:white;margin-bottom:10px;}
.subsectionintro {margin-bottom:10px;}
.itemlist {padding-bottom:20px;}
.item {display:flex;background:white;border-radius:3px;margin-bottom:10px;font-size:18px;}
.item-text {padding:15px;flex-grow:1;}
.item-text .title {font-weight:600;}
.item-text .summary {font-size:16px;}
.item-price {padding:15px 15px 15px 0;white-space:nowrap;}
.caption {font-size:14px;text-align:center;color:white;}
.footer {font-size:14px;text-align:center;margin-top:10px;}
.vege .item-text .title a:after, .vege .item-text .title span.item-link:after {display:inline-block;width:16px;height:16px;content:"";background:url(vegetarian-icon.svg);margin:0 0 0 6px;}
span.new {font-size:12px;text-transform:uppercase;background:#545a6c;color:white;padding:0 3px;margin:0 0 0 6px;}
/* Detail */
.itemdetail {display:block;padding:15px;}
.itemdetail .item-text {padding:15px 0;}
.itemdetail .item-text .title {font-size:20px;}
.itemdetail .item-text .summary {font-size:20px;}
.itemdetail .item-text .extra {font-size:18px;margin:20px 0;}
.itemdetail .item-price {padding:0;}