/*--------------------------------------------------------------
# Food Menu
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Element
--------------------------------------------------------------*/
html {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*,
*:before,
*:after {
/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}
.menu-content-wrapper {
max-width: 1080px;
margin: 0 auto;
}
.menu-content-wrapper .ui-nav-collapse {
margin: 0;
margin-bottom: 21px;
}
.menu-content-wrapper .ui-nav-collapse,
.menu-content-wrapper .ui-tabs-anchor {
display: block;
font-size: 20px;
font-size: 1.25rem;
font-weight: 500;
text-transform: capitalize;
}
.menu-content-wrapper .tabs-nav,
.menu-content-wrapper .ui-tabs-panel {
display: none;
}
.menu-content-wrapper .ui-tabs-panel.active-tab {
display: block;
}
.menu-content-wrapper .hentry {
margin-bottom: 21px;
}
.menu-content-wrapper .hentry-inner {
border-bottom: 3px solid #eee;
padding-bottom: 21px;
}
.menu-content-wrapper .entry-container {
display: table;
position: relative;
table-layout: fixed;
width: 100%;
}
.menu-content-wrapper .entry-description, .entry-price {
display: table-cell;
vertical-align: top;
}
.menu-content-wrapper .entry-description {
width: 70%;
}
.entry-price {
padding-top: 4px;
width: 30%;
text-align: right;
}
.menu-group-header {
display: none;
}
/*--------------------------------------------------------------
# >= 667px
--------------------------------------------------------------*/
@media screen and (min-width: 41.6875em) {
/*menu-content-wrapper*/
.menu-content-wrapper .tabs-nav {
display: block;
margin-bottom: 35px;
}
.menu-content-wrapper .ui-tabs-nav {
margin: 0;
padding: 0;
text-align: center;
}
.menu-content-wrapper .ui-tabs-nav li {
display: inline-block;
list-style: none;
}
.menu-content-wrapper .ui-tabs-anchor {
display: inline-block;
padding: 14px 25px;
}
.menu-content-wrapper .ui-nav-collapse {
display: none;
}
.menu-content-wrapper .hentry-inner {
padding-bottom: 28px;
}
.entry-price {
font-size: 18px;
font-size: 1.125rem;
}
}
.menu-content-wrapper a {
text-decoration: none;
}
.menu-content-wrapper .entry-title,
.menu-content-wrapper .entry-header {
margin-bottom: 0;
padding: 0;
}
.menu-content-wrapper .entry-title {
margin-bottom: 7px;
}
body.ect-post .content-area .singular-content-wrap .menu-content-wrapper .entry-content {
padding-top: 0;
margin-top: 21px;
}
.ect-post .menu-content-wrapper .more-button {
text-align: left;
}
.ect-post .singular-content-wrap .entry-content .entry-header,
.ect-post .entry-content,
.ect-post .ect-menu .menu-content-wrapper .entry-header {
text-align: left;
}
.ect-post .menu-content-wrapper .ect_food_menu_item .entry-header .entry-title {
font-size: 24px;
}