/* Menu */ .menu-title { color: #a2a2a2; font-size: 16px; margin: 0 0 20px; padding: 30px 0 10px; text-transform: uppercase; .tab-content & { margin-bottom: 20px; } } .menu-item { margin-bottom: 40px; &[class*="col-"] { -webkit-flex: none; -moz-flex: none; -ms-flex: none; flex: none; width: auto; max-width: none; min-height: none; padding-left: 0; padding-right: 0; } .tab-content & { margin-bottom: 40px; } h4 { color: #444; font-size: 16px; font-weight: 600; margin: 0; padding: 0; text-transform: uppercase; } .menu-item-price { font-size: 16px; color: #999; float: $right; margin: side-values(3px 15px 0 0); } p { font-size: 14px; color: #999; } } /* Special Menu */ .special-menu { list-style: none; margin: 0; padding: 0; text-align: $left; li { margin: side-values(0 0 32px 0); padding: 0; clear: both; } img { float: $left; margin: side-values(0 25px 0 0); max-width: 68px; } h3 { font-size: 24px; padding: side-values(7px 0 4px 95px); margin: 0; text-transform: none; font-family: Georgia, serif; font-style: italic; em { font-size: 16px; } } p { font-size: 1.3em; font-family: Georgia, serif; font-style: italic; margin: side-values(0 0 0 95px); position: relative; display: block; span { background: #FFF; display: inline-block; position: relative; z-index: 2; padding: side-values(0 10px 0 0); } &:before { border-bottom: 2px dotted #ddd; content: ""; height: 1px; left: 0%; position: absolute; bottom: 5px; width: 100%; z-index: 1; } } .special-menu-price { background: #fff; display: inline-block; float: $right; font-size: 22px; margin-top: -26px; padding: side-values(0 0 0 10px); position: relative; z-index: 3; } } @media (max-width: 991px) { .special-menu { p { padding-bottom: 35px; } .special-menu-price { margin-top: -20px; } } } /* Food and Drink Menu */ .page-wrapper .fdm-section-header { border-width: 0; h3 { margin: 0 0 20px; padding: 30px 0 10px; } } .fdm-menu, .fdm-section { &, & > li { list-style: none; } } .fdm-item-panel .fdm-item-title { font-size: 16px; padding: 0; } .page-wrapper .fdm-item-panel .fdm-item-title { font-weight: $font-weight-semibold; } .fdm-item-price { font-size: 16px; } .fdm-section .fdm-item, #content .tab-pane .fdm-item { margin-bottom: 32px; } .fdm-item-image { margin-#{$right}: 25px; }