/* 
The default styles for this skin are in /ordereze/Content/ordereze-skin.css 
You may override any of those CSS styles in this file below
*/
@import url("/fonts.googleapis.com/css?family=Open+Sans:400,600,700");
@import url("/fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,700");
@import url(/fonts.googleapis.com/css?family=Rye);
/*-----------------------------MENU PAGE IMAGE--------------------*/
.priceColumn {
    display: none
    }
.rightDivider {
    border-bottom: 0 dashed #000
    }
.review {
    color: black
    }
h1.divider {
    border-bottom: 1px solid #fff
    }
legend {
    color: white
    }
select, input {
    color: black
    }
body {
    background-color: #630017 !important;
    color: #fff
    }
.main-container, html {
    background-color: transparent
    }
.menu-page .main-container {
    background-color: #733e06 !important;
    color: #fff
    }
.menu-page .rightDivider span {
    background-color: #733e06 !important;
    color: #fff
    }
.menu-page #ctl00_MainContent_lnkFullMenu, #MainContent_lnkFullMenu {
    color: white !important
    }
.menu-page .Ord-LinkItem {
    color: #fff !important
    }
.menu-page .Ord-LinkItem:hover {
    color: #fff !important;
    opacity: 0.5
    }
.menu-page .middleDivider {
    border-bottom: 5px double #FFF !important
    }
.social-icons {
    margin-top: -27px
    }
.social-icons ul li {
    top: -20px;
    position: relative
    }
.dropdown-menu > li > a {
    font-family: "Rye", cursive
    }
.dropdown-menu > li > a:hover {
    background: #333;
    -ms-opacity: 1;
    opacity: 1
    }
.nav-justified > .dropdown .dropdown-menu {
    position: absolute;
    top: 85px;
    left: -5px
    }
.navbar li {
    white-space: nowrap
    }
@media (max-width: 1200px) {
    .navbar li {
        white-space: normal
        }
    }
/* Footer Social Icon Colors */
.footer ul.social-icons-ctrl li a {
    color: #232323;
    background-color: rgba(255, 255, 255, 0.4)
    }
.footer ul.social-icons-ctrl li a:hover {
    color: #000;
    background-color: rgba(255, 255, 255, 0.9)
    }
h1, h2 {
    font-family: "Rye", cursive
    }
.rightDivider span {
    font-family: "Rye", cursive
    }
.middleDivider {
    text-align: center;
    border-bottom: 5px double #630017;
    margin-bottom: 20px
    }
.middleDivider span {
    font-family: "Rye", cursive;
    background: #f7d8b4;
    color: #333;
    border-radius: 10px
    }
h1.divider, legend {
    font-family: "Rye", cursive
    }
.footer .col-md-3 {
    border-right: 1px solid #fff
    }
.navbar a {
    font-family: "Rye", cursive;
    color: #333
    }
.navbar a:hover {
    -ms-opacity: 0.5;
    color: #630017
    }
.newsletter-btn {
    background: #d5a10e;
    color: Black;
    border: 0
    }
.newsletter-btn:hover {
    background: #efbe34;
    color: Black;
    border: 0
    }
.btn-primary, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background: #d5a10e;
    color: Black;
    border: 0
    }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background: #efbe34;
    color: Black;
    border: 0
    }
.navbar {
    background: #f7d8b4;
    border-bottom: 4px solid #630017
    }
div.footer {
    background: #333;
    border-top: 4px solid #630017;
    line-height: 18px
    }
@media (max-width: 1200px) {
    div.footer {
        height: 290px
        }
    }
@media (max-width: 991px) {
    div.footer {
        height: 490px
        }
    }
@media (max-width: 768px) {
    div.footer {
        height: 790px
        }
    }
div.footer .hours dt {
    line-height: 9px !important
    }
.copyright {
    background: #111
    }