@font-face {

    font-family: 'eraserregular';

    src: url('EraserRegular-webfont.eot');

    src: url('EraserRegular-webfont.eot?#iefix') format('embedded-opentype'),

         url('EraserRegular-webfont.woff') format('woff'),

         url('EraserRegular-webfont.ttf') format('truetype'),

         url('EraserRegular-webfont.svg#eraserregular') format('svg');

    font-weight: normal;

    font-style: normal;

}

body,

div div,

div span h1,

h3,

.page-title {

    font-family: georgia !important;

}



/* =MENU STYLES

-------------------------------------------------------------- */



#menu-selection {

    width: 25%;

    float: left;

}



    #menu-selection ul {

        padding: 0px;

        margin: 0px;

    }



    #menu-selection li,

    .menu-category {

        list-style: none;

        color: #fff;

        cursor: pointer;

        font-size: 0.9em;

        margin-bottom: 10px;

        text-align: left;

        padding: 3px;

        position: relative;

        -webkit-transition: all 0.3s ease-in;

        transition: all 0.3s ease-in;

    }



        #menu-selection li:hover,

        .menu-category:hover,

        .menu-category-selected {

            color: #fff;

            -webkit-transition: all 0.3s ease-in;

            transition: all 0.3s ease-in;

            background-color: rgba(167, 4, 4, 0.9);

        }



        #menu-selection li.selected,

        .menu-category.selected {

            background-color: rgba(252, 252, 1, .9);

            color: #000;

        }



            #menu-selection li.selected:after,

            .menu-category.selected:after {

                width: 0px;

                height: 0px;

                content: "";

                position: absolute;

                right: -17px;

                top: 0;

            }



.menu-category-container {

    float: left;

}



.menu-category-items-container {

    float: right;

    width: 73%;

}



#menu-container {

    /*float: right;

	width: 70%;*/

    width: 100%;

    padding: 2%;

    overflow: auto;

    height: auto;

}



    #menu-container h1 {

        text-align: left;

    }



    #menu-container h2 {

        font-size: 16px;

        text-align: center;

    }



        #menu-container h2 pre {

            /*font-family: Georgia, serif;*/

            font-family: 'Cinzel', serif;

        }



    #menu-container > div > hr {

        border-color: rgb(167, 89, 4, 0.9);

    }



#menu-selection {

    float: none;

    width: 100%;

}



    #menu-selection li {

        text-align: center;

    }



.menu-item {

    overflow: hidden;

    border-bottom: 1px solid #333;

}



    .menu-item:nth-child(n),

    .menu-item:not(:nth-last-child(n)) {

        border-bottom: 1px solid #535353;

    }



    .menu-item .menu-img {

        width: 28%;

        min-height: 10px;

        margin-right: 1%;

    }



    .menu-item .menu-item-description {

        float: left;

        width: 65%;

    }



        .menu-item .menu-item-description h3 {

            font-size: 1.2em;

            text-transform: uppercase;

            text-align: left;

        }



        .menu-item .menu-item-description p {

            font-size: 1em;

            line-height: 1.5em;

            float: left;

            text-align: left;

        }



    .menu-item .menu-item-prices {

        float: right;

        width: 22%;

        color: #fff;

        font-weight: 300;

        text-align: right;

        font-size: 1.7em;

        padding-right: 3%;

    }



        .menu-item .menu-item-prices span.menu-var {

            font-size: 0.7em;

            text-align: right;

            display: block;

        }



.dollarSign {

    display: none;

}





#backToMenuSection {

    cursor: pointer;

}















/*=============================================================================*/





.menuSectionName {

    position: absolute;

    /* bottom: 0; */

    top: auto;

    width: 100%;

    text-align: center;

    background-color: rgba(178, 132, 14, 0.51);

    color: white !important;

}



.content-wrapper {

    /*background-color: rgba(0,0,0,0.65);*/

    max-width: 750px;

    padding-left: 9px;

    padding-right: 9px;

    margin-bottom: 10px;

    margin-top: 95px;

}



    .content-wrapper,

    .content-wrapper > div > div div,

    .content-wrapper span,

    .content-wrapper p,

    .content-wrapper div p span {

        color: #fff;

    }



        .content-wrapper h1,

        .content-wrapper h3 {

            color: rgb(167, 89, 4, 0.9);

        }



#menuSectionOfSections > div { /* menu item containing div (lunch/dinner/children/dessert/beer etc*/

    color: #000;

    color: #000;

    width: 99.5%;

    height: 340px;

    background-size: 100%;

    background-repeat: no-repeat;

    border: 1px rgba(247, 247, 247,.4) solid;

    margin: 12px 3px 14px 0px;

    cursor: pointer;

    display: block;

    font-size: 1.7em;

    text-align: center;

    position: relative;

}



    #menuSectionOfSections > div:nth-child(even) {

    }





    #menuSectionOfSections > div:nth-child(odd) {

        float: left;

        clear: both;

    }



    #menuSectionOfSections > div:nth-child(even) {

        float: right;

    }





.menuAlterBg {

    background-color: rgba(0,0,0,0.45) !important;

    padding-left: 10%;

    padding-right: 10%;

}





@media only screen and (min-width:320px) and (max-width:480px) {

    .menu-category-container {

        position: relative;

        float: none;

    }



    .menu-category {

        text-align: center;

    }



    .menu-item .menu-item-description h3 {

        font-size: 1em;

    }



    #menuSectionOfSections > div {

        width: 99.5%;

        height: 165px;

        margin: 0;

        margin-top: 16px;

    }



    .menu-item .menu-img {

        width: 53%;

    }



    .menuAlterBg {

        padding-left: 3%;

        padding-right: 3%;

    }



    .menu-category-items-container {

        float: none;

        width: auto;

    }



    @media only screen and (min-width:481px) and (max-width:1340px) {

        .menu-item .menu-img {

            width: 53% !important;

        }

    }

}