:root {
	--size-1em: 1em;
	--size-2em: 2em;
	--size-3em: 3em;
	--size-4em: 4em;
}

/* Hacks */
#pushstat {display: none !important;}
* {margin: 0px; padding: 0px;}img {border: none;}
.clearPan, .spacer {clear: both; height: 0px;}
.center, .col-centered {float: none; margin-left: auto; margin-right: auto; text-align: center;}
#body-wrapper {filter: alpha(opacity=40);-moz-opacity:.40;opacity:.40;}
#body-wrapper.enabled {filter: alpha(opacity=100);-moz-opacity: 1.0;opacity: 1.0;}
#noscriptAlert {margin: 150px auto -255px auto; padding: 20px; text-align: center; width: 400px; background-color: #CCF; border: #1A5F86 2px solid;}
#noscriptAlert div.title {font-size: 28px;}

/* Web Styles */
body {font: 12px Arial, Helvetica, sans-serif;}
section {position: relative; z-index: 0;}
a {color: #0E457B; text-decoration: none;} a:hover {color: #62AB4F; text-decoration: none;}
a.tobsite {color: #C89F18;}
.wyswyg {padding: 15px 0px; text-align: center;} 
.wyswyg ul, .wyswyg ol, .content ol, .content ul {margin-left: 15px;}
.wyswyg p {margin-bottom: 10px;}
.wyswyg img {max-width: 100%;}
.img-responsive {margin: 0 auto;}
.img-wrapper {position: relative; text-align: center; overflow: hidden;}
.img-wrapper.fixed-height-1 {height: 0; padding: 0 15px 65%;}
.img-wrapper img {max-width: 100%;}
.vertical-middle {white-space: nowrap;}
.vertical-middle:before {content: ''; display: inline-block; width: 1px; height: 100%; vertical-align: middle;}
.vertical-middle > * {display: inline-block; vertical-align: middle; white-space: normal;}
.vertical-bottom {white-space: nowrap;}
.vertical-bottom:before {content: ''; display: inline-block; width: 1px; height: 100%; vertical-align: bottom;}
.vertical-bottom > * {display: inline-block; vertical-align: bottom; white-space: normal;}
.equal-height {display: -ms-flex; display: -webkit-flex; display: flex;}
.p4 {padding: var(--size-4em) 0;} .p3 {padding: var(--size-3em) 0;} .p2 {padding: var(--size-2em) 0;} .p1 {padding: var(--size-1em) 0;}
.pt4 {padding-top: var(--size-4em);} .pt3 {padding-top: var(--size-3em);} .pt2 {padding-top: var(--size-2em);} .pt1 {padding-top: var(--size-1em);}
.pb4 {padding-bottom: var(--size-4em);} .pb3 {padding-bottom: var(--size-3em);} .pb2 {padding-bottom: var(--size-2em);} .pb1 {padding-bottom: var(--size-1em);}
.m4 {margin: var(--size-4em) 0;} .m3 {margin: var(--size-3em) 0;} .m2 {margin: var(--size-2em) 0;} .m1 {margin: var(--size-1em) 0;}
.mt4 {margin-top: var(--size-4em);} .mt3 {margin-top: var(--size-3em);} .mt2 {margin-top: var(--size-2em);} .mt1 {margin-top: var(--size-1em);}
.mb4 {margin-bottom: var(--size-4em);} .mb3 {margin-bottom: var(--size-3em);} .mb2 {margin-bottom: var(--size-2em);} .mb1 {margin-bottom: var(--size-1em);}
.parallax {background-attachment: fixed;}

/* Bootstrap Fix */
.navbar-brand img {max-height: 100%; display: inline-block;}

/* Form */
.noData {color: #f00; text-align: center; text-transform: uppercase;}
.defaultForm {margin: 10px 0px;}
.defaultForm table {width: 100%;}
.defaultForm th, .defaultForm td {padding: 2px 5px; vertical-align: top;}
.defaultForm th {text-align: right;}
.defaultForm input {width: 100%; max-width: 250px;}
.defaultForm input[type='password'], .defaultForm input[type='email'], .defaultForm input.half {max-width: 250px;}
.defaultForm textarea {width: 100%; height: 100px;}
.defaultForm input.button {width: inherit; padding: 5px 10px;}
.defaultForm label.error {color: #FF0000;}

/* Header & Footer */

/* Content */

.menu-item3 img {width: 130px;}
.menu-item3 .menu-wrapper {margin-left: 145px;}
.page_header {position: relative;}
.page_header .text-bottom {position: absolute; bottom: 2em; width: 100%; text-align: center; font-size: 16px;}
.page_header .text-bottom .fa {margin-right: 5px;}
.page_header .text-bottom a {color: #fff;}

.checkout h2 {font-weight: bold;}
.checkout .page {display: none;}
.checkout .page.active {display: block;}
.checkout .price .disc {text-decoration: line-through; margin-right: 10px;}
.cart-item {margin-bottom: 15px; padding-bottom: 15px;}
.cart-item:not(:last-child) {border-bottom: #eee 1px solid;}
.cart-item .img-wrapper {margin-bottom: 15px;}
.cart-item h3 {margin-top: 0; text-transform: uppercase;}
.cart-item .price {font-size: 16px; margin-bottom: 10px;}
.cart-item .price .disc {text-decoration: line-through; margin-right: 10px;}
.cart-item .desc-wrapper > .row {padding-top: 5px; padding-bottom: 5px; border-top: #eee 1px solid;}
.cart-item .row-summary-wrapper {background-color: #eee; padding-top: 15px; padding-bottom: 15px;}
.cart-item .row-summary-wrapper .btn-group {display: block;}
.cart-summary-wrapper {background-color: #eee;}
.cart-summary-wrapper h3 {font-weight: bold; line-height: 1.5em; text-transform: uppercase;}
.cart-summary-wrapper .form-group label, .cart-summary-wrapper .form-group h5 {padding: 10px; margin: 0;}
.cart-item label, .cart-summary-wrapper .form-group label {font-weight: normal; font-size: 12px; padding: 0;}
.cart-summary-wrapper .form-group h4 {border-top: #ccc 1px solid; font-weight: bold; padding-top: 5px; margin-top: 5px;}

.register-form h2.t {border-bottom: #ccc 1px solid;}
.register-form instruction {display: none;}
.register-form .form-control+.form-control {margin-top: 10px;}

#invoice-list .list-group-item {border-width: 1px 0 0;}
#invoice-list .list-group-item:first-child {border-top-width: 0px;}


@media (max-width: 768px) {
	.dropdown-submenu .dropdown-menu {display: block !important;}
	.menu-item3 img {width: 100%; float: none; margin-bottom: 25px;}
    .menu-item3 .menu-wrapper {margin-left: 0;}
    .menu .food-menu .menu-item3 .price {float: right;}
}

@media (min-width: 768px) {
	.dropdown-submenu {position:relative;}
	.dropdown-submenu>.dropdown-menu {
		top:0; left:100%; margin-top:-6px; margin-left:15px;
		-webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;
	}
	.dropdown-submenu:hover>.dropdown-menu {display:block;}
	.dropdown-submenu>a:after {
		display:block; content:" "; width:0; height:0; position:absolute; top: 8px; right: 0;
		border-color:transparent; border-style:solid; border-width:5px; border-left-color:#ccc;
	}
	.dropdown-submenu:hover>a:after {border-left-color:#cc9966;}
}

@media (min-width: 992px) {
	.equal-height-desktop {display: -ms-flex; display: -webkit-flex; display: flex;}
}

@media (min-width: 1200px) {
}