@import url('https://fonts.googleapis.com/css?family=PT+Serif:400,400i,700');
@import url('https://fonts.googleapis.com/css?family=Montserrat');

body, #menuContainer {
    font-family: "PT Serif",  serif;
    background-color: #F8F6F6;
    color: #292C2F;
}

.header {
    background-color: #fff;
}

a {
    color: #292C2F;
}

.customerMessageInner h2 {
    font-size: 2em;
}

.customerMessageInner a.btn {
    background: #00a19f;
}

.customerMessageInner span {
    line-height: 3em;
}

#menuContainer {
    margin-top: 2em;
}

    #menuContainer p, .entry-content p {
        font-style: italic;
        font-size: 1.2em;
    }

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

#logo {
    text-align: left;
}

    #logo a img {
        width: 200px;
    }

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

.btn {
    font-family: Montserrat;
    font-weight: bold;
    color: #fff;
    background: #58203E;
    padding: 1em;
    text-transform: uppercase;
    text-decoration: none;
}

.entry-content {
    padding: 0;
}

h2 {
    font-weight: 700;
    font-size: 3em;
    color: #58203e;
}

#headerBGImgContainer {
   height:200px;
}

#headerBGImg {
    background: #00000066;
    height: 200px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
}

.header-inner {
    position: relative;
}

    .header-inner h1 {
        font-family: Montserrat;
        text-transform: uppercase;
    }

.hentry .article-header.banded {
    height: 200px;
    background-position-y: bottom;
}

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

.menuItem {
    padding: 0.5em;
    transition: all 0.2s linear;
    display: table;
    width: 100%;
    border-bottom: 1px solid #dadada;
    position: relative;
    padding: 0.5em 0;
}

    .menuItem:last-child {
        border-bottom: none;
    }
.menuItem.headerRow{
    background:#005985;
}
    .menuItem.headerRow .itemDetails h3 {
        font-family: Montserrat;
        text-transform: uppercase;
    }

    .menuItem.menuHeader, #copyDiv {
        background-color: #005985 !important;
        color: #fff;
    }
 

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

#copyDiv {
    padding: 0.5em 1em;
}

    #copyDiv a {
        color: #fff;
    }

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

.menuItem div {
    display: table-cell;
    vertical-align: middle;
}

.itemDetails, .headerItems {
    padding: 0 0.5em;
    width: 50%;
    display: inline-block;
    vertical-align: top;
}

.allergenInfo, .headerInfo, .optionInfo {
    vertical-align: top;
    margin-left: 3%;
    display: inline-block;
    height: 60px;
}

.allergenInfo {
    width: 30%
}

.optionInfo {
    width: 20%;
}

    .allergenInfo .allergenItem,
    .optionInfo .optionItem {
        display: inherit;
        text-align: center;
        padding: 0.25em 0;
    }

        .allergenInfo .allergenItem span, .optionInfo .optionItem span {
            color: #292C2F;
        }

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

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

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

.allergenItem {
    display: inherit;
}

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

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

    .allergenItem img, .optionItem img {
        display: inherit;
        margin: 0 0.5em;
        padding: 0px;
        max-width: inherit;
        width: 35px;
    }



.menuItem .ingredients {
    display: table-row;
    padding: 0 0.5em;
}

    .menuItem .ingredients.hidden {
        display: none;
    }

.ingredients h4 {
    margin: 0.5em 0;
}

.highlight, .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;
}

.allergenInfo .allergenItem.selected {
    background: rgb(199,51,62); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(199,51,62,1) 0%, rgba(212,89,98,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(199,51,62,1) 0%,rgba(212,89,98,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(199,51,62,1) 0%,rgba(212,89,98,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7333e', endColorstr='#d45962',GradientType=0 ); /* IE6-9 */
}

.highlight a {
    color: #fff;
}

.allergenList {
    display: inline-block;
    vertical-align: bottom;
    text-align: center;
}

    .allergenList a {
        
    }

        .allergenList a img {
            display: block;
            margin: 0.4em 0.75em;
        }

input[type=checkbox] {
    display: inline-block;
    transform: scale(1.5,1.5);
    vertical-align: text-top;
}

#prefDiv, #hideDiv {
    margin-left: 1em;
    display: inline-block;
    vertical-align: bottom;
    text-align: center;
    min-width: 48px;
}

.prefInner {
    display: table;
}

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



#allergenBar {
    text-align: center;
    z-index: 99;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 2px solid #dadada;
    background-color: #005985;
    background-image:none;
    /*  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;
    margin: 0;
}

    #allergenBar h4 {
        display: block;
        vertical-align: top;
        margin-top: 0.5em;
        margin-bottom: 0;
    }

    #allergenBar a {
        padding: 0.25em 0
    }

    #allergenBar img {
        width: 35px;
    }

.notFixed {
    border-top: none !important;
    position: inherit !important;
    margin-top: 2em !important;
    padding: 1em 0;
}

/*Tooltips*/


.ui-tooltip {
    box-shadow: none !important;
    border-radius: 0;
    border: 1px solid gray;
    background-color: #0f585f;
    color: #dadada;
    font-size: 0.8em;
}

#break {
    display: none;
}

.loadingContainer {
    padding: 3em;
    text-align: center;
}

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

.menuTab {
    font-family: "PT Serif";
 
   
    background-color: #00a19f;
    background-image:none;
   
}

a .menuTab {
    color: #fff;
}
.menuTab p{
    font-size:0.8em !important;
}

.menuTab:hover {
    background: #58203e;
    background-color: #58203e;
    color: #fff;
}

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

    .allergenList a {
        font-size: 0.7em;
    }
}

#allergenTab {
    display: none;
}

#sidebar1 {
    display: block;
}
/*Ingredients Container*/
#ingredientsContainer, #customerMessageContainer {
    position: fixed;
    background: white;
    border-radius: 5px;
    padding: 1em;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    /* give it dimensions */
    min-height: 10em;
    width: 50%;
    display: none;
    top: 10%;
    z-index: 9999;
}

.ingredientsInner, .customerMessageInner {
    margin: 1em;
}

.closeIngredients {
    float: right;
    font-size: 2em;
}

#overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 999;
    display: none;
}

.ingredientsTab {
    font-size: 0.7em;
    background: #093d5c;
    color: white;
    padding: 0.25em 0.5em 0 0.5em;
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0.5;
    transition: all 0.3s ease-in-out;
}

    .ingredientsTab.out {
        bottom: -18px;
    }

.menuItem:hover > .ingredientsTab.out {
    bottom: 0;
}

.ingredientsTab:hover {
    opacity: 1;
    color: #fff;
    cursor: pointer;
}
#backToTop{background: #00a19f;}
@media all and (max-width:1290px) {
    .wrap {
        width: 85%;
    }

    #allergenBar img {
        width: 35px;
    }

    .allergenList a span {
        
    }

    .allergenAfter {
        display: none;
    }
}

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

    #break {
        display: block;
    }

    .m-all {
        float: none;
    }

    .menuItem div {
        display: inline-block;
        margin: 0;
    }

    .itemDetails {
        width: 95%;
    }

    .allergenInfo {
        margin-left: 0;
    }

    .allergenInfo, .optionInfo {
        height: inherit;
        width: 100%;
    }

        .allergenInfo img {
            margin-left: 0;
        }

    .allergenItem {
    }

        .allergenItem img {
        }

        .allergenItem .allergenName,
        .optionItem .allergenName {
            display: block;
        }

    .small {
        line-height: 1em;
    }

    input[type=checkbox] {
        display: inline-block;
        transform: scale(1.5,1.5);
        vertical-align: text-top;
    }

    #sidebar1 {
        display: none;
    }

    #allergenTab {
        position: fixed;
        z-index: 100;
        bottom: 0;
        padding: 0.5em;
        background: #00a19f;
        display: block;
    }

    .allergenTab-Inner {
        color: white;
    }

    .allergenAfter {
        display: block;
        height: 3em;
    }

    #ingredientsContainer {
        width: 80%;
    }

    .ingredientsTab {
        opacity: 1;
    }

        .ingredientsTab.out {
            bottom: 0;
        }
}
/*StartFooter*/

body {
    margin: 0;
    padding: 0;
}
footer, .footer, #footerwidget, #custom_html-3 {
    display: block !important;
    visibility: visible !important;
    position: relative !important;
    padding-top: 1em;
    text-align: center;
    background-color: #fff !important;
    height: initial !important;
    font-family: "Lato", Arial, sans-serif !important;
    font-size: 100% !important;
    line-height: 1.5 !important;
    color: #333333 !important;
    width: 100% !important;
    opacity: 1 !important
}
#inner-footer {
padding-bottom:1em;}
    #custom_html-3 img,
    #custom_html-3 p,
    #custom_html-3 h4.widgettitle,
    #custom_html-3 p.copyright {
        display: inline-block !important;
        width: initial !important;
        position: relative !important;
        visibility: visible !important;
        opacity: 1 !important;
        color: #333333 !important;
    }
#custom_html-3 h4.widgettitle {
    font-family: "Lato", Arial, sans-serif !important;
    text-transform:none !important;
    display: block !important;
}

/*Ingredients Container*/
#ingredientsContainer,#customerMessageContainer {
    position: fixed !important;
       
    right: 0 !important;
    left: 0 !important;
    margin-right: auto !important;
    margin-left: auto !important;
    /* give it dimensions */
    min-height: 10em !important;
    width: 50% !important;
   
    top: 10% !important;
    z-index: 9999 !important;
}

.ingredientsInner,.customerMessageInner {
    margin: 1em !important;
}

.closeIngredients {
    float: right;
    font-size: 2em;
}
.menuItem.highlight.hidden {
    height: 2px !important;
    overflow:hidden !important;
   
    display: block !important;
    padding: 0px !important;
    opacity: 0.4 !important;
}
    .menuItem.highlight.hidden:hover {
    display:table !important;
    height:inherit !important;
    }

#menu-foot li {
display:inline;}
#overlay {
    position: fixed !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
   
    z-index: 999 !important;
  
}
@media screen and (max-width:481px) {
    #ingredientsContainer, #customerMessageContainer {
        width: 80% !important;
        top: 5% !important;
        bottom: 5% !important;
        overflow-y: scroll !important;
        font-size: 0.8em!important;
    }
    #menu-foot li {
        display: block;
    }
}/*StartFooter*/

body {
    margin: 0;
    padding: 0;
}
footer, .footer, #footerwidget, #custom_html-3 {
    display: block !important;
    visibility: visible !important;
    position: relative !important;
    padding-top: 1em;
    text-align: center;
    background-color: #fff !important;
    height: initial !important;
    font-family: "Lato", Arial, sans-serif !important;
    font-size: 100% !important;
    line-height: 1.5 !important;
    color: #333333 !important;
    width: 100% !important;
    opacity: 1 !important
}
#inner-footer {
padding-bottom:1em;}
    #custom_html-3 img,
    #custom_html-3 p,
    #custom_html-3 h4.widgettitle,
    #custom_html-3 p.copyright {
        display: inline-block !important;
        width: initial !important;
        position: relative !important;
        visibility: visible !important;
        opacity: 1 !important;
        color: #333333 !important;
    }
#custom_html-3 h4.widgettitle {
    font-family: "Lato", Arial, sans-serif !important;
    text-transform:none !important;
    display: block !important;
}

/*Ingredients Container*/
#ingredientsContainer,#customerMessageContainer {
    position: fixed !important;
       
    right: 0 !important;
    left: 0 !important;
    margin-right: auto !important;
    margin-left: auto !important;
    /* give it dimensions */
    min-height: 10em !important;
    width: 50% !important;
   
    top: 10% !important;
    z-index: 9999 !important;
}

.ingredientsInner,.customerMessageInner {
    margin: 1em !important;
}

.closeIngredients {
    float: right;
    font-size: 2em;
}
.menuItem.highlight.hidden {
    height: 2px !important;
    overflow:hidden !important;
   
    display: block !important;
    padding: 0px !important;
    opacity: 0.4 !important;
}
    .menuItem.highlight.hidden:hover {
    display:table !important;
    height:inherit !important;
    }

#menu-foot li {
display:inline;}
#overlay {
    position: fixed !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
   
    z-index: 999 !important;
  
}
@media screen and (max-width:481px) {
    #ingredientsContainer, #customerMessageContainer {
        width: 80% !important;
        top: 5% !important;
        bottom: 5% !important;
        overflow-y: scroll !important;
        font-size: 0.8em!important;
    }
    #menu-foot li {
        display: block;
    }
}