@import url('https://fonts.googleapis.com/css2?family=Questrial&display=swap');

body, #container #menuContainer {
    font-family: "Questrial", Arial, sans-serif;
    background-color: #fff;
}

body {
    background: url(https://menu.menuguide.pro/assets/img/twh-bg.jpg);
    background-size: 1000px;
}
.loadingContainer img{width: 200px;
    margin: auto;}
#social-toolbar i {
    width: 1em
}

h1 {
    font-size: 27px;
    text-transform: uppercase;
    color: #666;
    font-weight: bold;
    margin: 1em 0;
}
#container input:checked+.slider {
    background-color: #f2b718;
}

h4 {
    font-size: 17px;
}

#mgDiv h5 {
    color: #666;
}

#container #menuContainer {
    border: none;
    background-color: transparent;
    margin-top: 2em;
}

#container .wrap {
    width: 70%;
    margin: auto;
}

#logo {
    text-align: center;
}

#container .backButton {
    line-height: 45px;
    margin: 1em 0;
}

#container .btn,.btn {
    border: 2px solid #58595b;
    text-transform: uppercase;
    padding: 1em;
    text-decoration:none;
}

#container .backButton a {
    text-decoration: none;
}

#container .btn:hover,.btn:hover {
    background-color: #f9b32a;
}

.entry-content {
}

#container .header-inner {
    position: relative;
}

#container header {
    text-align: left;
}





#container .article-header.banded {
    padding: 0;
    background-repeat: no-repeat;
    background-size: cover;
    height: 240px;
    position: relative;
    top: -5px;
    background-position: center;
}

#container #headerBGImgContainer {
    height: 200px;
    height: 240px;
    overflow: hidden;
    width: 100%;
    position: absolute;
}

#container .hentry .article-header.banded .header-inner h1 {
    color: #fff;
    padding: 1em 0;
    position: relative;
    bottom: 0;
    margin: 0;
    text-align: left;
    padding-top: 86px;
    letter-spacing: 1px;
    line-height: 24px;
}

#container #headerBGImg {
    width: 100%;
    filter: blur(8px);
    -webkit-filter: blur(8px);
    background-position: center;
    background: #00000066;
    height: 240px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
}



.hentry .article-header.banded {
}

    .hentry .article-header.banded .header-inner h1 {
        color: #fff;
        padding: 1em 0;
    }

#container .menuItem {
    background-color: transparent;
}

    #container .menuItem:last-child {
        border-bottom: none;
    }

    #container .menuItem.headerRow {
        background: #f9b32a;
    }

        #container .menuItem.headerRow .itemDetails h3 {
            text-align: left;
            font-size: 22px;
        }

    #container .menuItem.menuHeader, #container #copyDiv {
        color: #fff;
    }

#container #copyDiv {
    background-color: #f9b32a !important;
}

    #container #copyDiv div {
        color: #58595b;
    }

.small {
    font-size: 0.6em;
    line-height: 16px;
}

#container .menuItem div {
    letter-spacing: 0;
}

#container .itemDetails, #container .headerItems {
    color: #666;
}

#container .allergenInfo, #container .headerInfo, #container .optionInfo {
    letter-spacing: 0;
}

.allergenInfo {
}

.optionInfo {
}

    .allergenInfo .allergenItem,
    .optionInfo .optionItem {
    }

#container .allergenInfo .allergenItem .allergenName,
#container .optionInfo .optionItem .allergenName {
    color: #828282;
    margin-top: 7px;
    font-size: 0.87em;
    letter-spacing: 0;
}

#container .menuItem.highlight .allergenInfo .allergenItem span,
#container .menuItem.highlight .optionInfo .optionItem span {
    color: #fff;
}

#container .menuItem.highlight.hidden {
    height: 2px;
    display: block;
    padding: 0px;
    opacity: 0.4;
    overflow: hidden;
}

    #container .menuItem.highlight.hidden:hover {
        display: table;
        height: inherit;
    }

#container .allergenItem {
    display: inherit;
}

    #container .allergenItem .allergenName, #container .optionItem .allergenName {
        display: inline-block;
        font-size: 0.8em;
    }

        #container .allergenItem .allergenName.hidden {
            display: none;
        }

.allergenItem img, .optionItem img {
}

#container .allergenInfo .allergenItem.selected {
    background-color: #561025 !important;
}

#container .optionInfo .optionItem.selected {
    background-color: #00405d;
}

.menuItem .ingredients {
}

    .menuItem .ingredients.hidden {
    }

.ingredients h4 {
}

#container .highlight, #container .selected {
    color: #fff;
    background-color: #c7333e;
    background-image: -webkit-gradient(linear, top, bottom, from(#d45962), to(#c7333e));
    background-image: -webkit-linear-gradient(top, #d45962, #c7333e);
    background-image: -moz-linear-gradient(top, #d45962, #c7333e);
    background-image: -o-linear-gradient(top, #d45962, #c7333e);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d45962), to(#c7333e));
    background-image: linear-gradient(to bottom, #d45962, #c7333e);
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}



    #container .highlight a {
        color: #fff;
    }

.allergenList {
}

    .allergenList a {
    }

        .allergenList a img {
        }

input[type=checkbox] {
}

#prefDiv, #hideDiv {
}

.prefInner {
}

#container .prefInner input, #container span {
    display: table-cell
}

.menuItem {
}

#container .menuItem:not(.headerRow):nth-child(2n+1) {
    background-color: transparent;
}

#container #allergenBar {
    border-top: 2px solid #dadada;
    background-color: #00a4aa;
    background-image: -webkit-gradient(linear, left top, right bottom, from(#007377), to(#00a4aa));
    background-image: -webkit-linear-gradient(top, #007377, #00a4aa);
    background-image: -moz-linear-gradient(top, #007377, #00a4aa);
    background-image: -o-linear-gradient(top, #007377, #00a4aa);
    background-image: -webkit-linear-gradient(top left, #007377, #00a4aa);
    background-image: -o-linear-gradient(top left, #007377, #00a4aa);
    background-image: linear-gradient(to bottom right, #007377, #00a4aa);
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #fff;
    letter-spacing: 0;
}

    #container #allergenBar h4 {
        color: #fff;
        text-align: center;
        letter-spacing: 0;
    }

    #container #allergenBar a {
        letter-spacing: 0;
    }

    #container #allergenBar img {
    }

#container #allergenBarInner, #container .allergenTab {
    background-color: #561025;
}

#container #optionBarInner, #container .optionTab {
    background-color: #00405d;
}

    #container .allergenTab h5, #container .optionTab h5 {
        color: #fff;
    }

#container .notFixed {
    padding: 1em 0;
}

/*Tooltips*/


.ui-tooltip {
    box-shadow: none !important;
    border-radius: 0;
    border: 1px solid gray;
    background-color: #58595b;
    color: #f9b32a;
    font-size: 0.8em;
    letter-spacing: 0;
}

#break {
}

.loadingContainer {
}

/*menu index page*/
#container #menuListContainer {
    text-align: center;
}

#container .menuTab {
    border: none;
    background-color: #a91a40;
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    color: #fff;
}

    #container .menuTab h4, #container .menuTab p {
        color: #fff;
        text-align: center;
    }

#container a .menuTab {
    color: #fff;
    letter-spacing: 0;
}

#container .menuTab:hover {
    border: none;
    background-color: #f8b533;
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    color: #fff;
}

a .menuTab:hover {
    color: #fff;
}
/*Responsive options*/
@media all and (max-width:1580px) {
    #allergenBar img {
    }

    .allergenList a {
    }
}

#allergenTab {
}

#sidebar1 {
    letter-spacing: 0;
}
/*Ingredients Container*/
#ingredientsContainer, #customerMessageContainer {
}

.ingredientsInner, .customerMessageInner {
    line-height: 1.5em;
    letter-spacing: 0;
}

.closeIngredients {
}

#overlay {
}

.ingredientsTab {
}

    .ingredientsTab.out {
    }

.menuItem:hover > .ingredientsTab.out {
}

.ingredientsTab:hover {
}

footer {
    width: 100%;
    margin: 0;
    text-align: center;
    position: relative;
    z-index: 999;
    background: #f1e9e5;
    padding: 20px 0 50px 0;
}

    footer.article-footer {
        margin: 40px 0;
        z-index: -1;
        letter-spacing: 0;
    }

@media (min-width: 769px) {
    #container .menuItem:not(.headerRow):not(.highlight):hover, #container .menuItem:not(.headerRow):not(.highlight):nth-child(2n+1):hover {
        background: rgba(197, 197, 197, 0.36);
    }
}

@media all and (max-width:1290px) {
    #container .wrap {
        width: 85%;
    }

    #allergenBar img {
    }

    .allergenList a span {
    }

    .allergenAfter {
    }
}

@media all and (max-width:768px) {
    #container .wrap {
        width: 95%;
    }

    #break {
    }

    .m-all {
    }

    .menuItem div {
    }

    .itemDetails {
    }

    .allergenInfo {
    }

    .allergenInfo, .optionInfo {
    }

        .allergenInfo img {
        }

    .allergenItem {
    }

        .allergenItem img {
        }

        .allergenItem .allergenName {
        }

    .small {
    }

    input[type=checkbox] {
    }

    #sidebar1 {
    }

    #allergenTab {
    }

    .allergenTab-Inner {
    }

    .allergenAfter {
    }

    #ingredientsContainer {
    }

    .ingredientsTab {
    }

        .ingredientsTab.out {
        }
        #messageParagraph .btn {
    margin-top: 0.5em;
    display: block;
}
}