@import url('https://fonts.googleapis.com/css?family=PT+Sans');
@import url('https://fonts.googleapis.com/css?family=Montserrat:700');
           body{
            
           }         
      body, #menuContainer {
          font-family: "PT Sans", Arial, sans-serif;
                   background-color:#e5d4af;
                    color:#323d47;
      }
      #menuListContainer{min-height:400px;}
    #menuContainer{
        
      }
      .wrap{
                    width:70%;
                    margin:auto;}
    h1,h2,h3,h4,h5{font-family:Montserrat;
        text-transform:uppercase;
        font-weight:bold;
    }
        #logo{text-align:center;}
                     .backButton{
                line-height: 45px;
    margin: 2em 0;
        }
      .btn {
          background-color: #00946d;
    font-family: montserrat,Gotham,pt_sansregular,helvetica neue,Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    font-weight: 700;    display: inline-block;
    position: relative;
    font-family: pt_sansregular,helvetica neue,Helvetica,Arial,sans-serif;
    text-decoration: none;
    color: #fff;
    font-size: .9em;
    font-size: 34px;
    line-height: 34px;
    font-weight: 400;
    padding: 0 24px;
    border-radius: 4px;
    border: 0;
    vertical-align:middle;
    cursor: pointer;
    -webkit-transition: background-color .14s ease-in-out;
    -o-transition: background-color .14s ease-in-out;
    transition: background-color .14s ease-in-out;
      }
      .btn:hover{background-color: #006147;}
        
      .entry-content {
          padding: 0;
      }



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

    .menuItem.highlight.hidden:hover {
        display: table;
        height: inherit;
    }
      .hentry .article-header.banded {
          height: 150px;
            background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url(https://menu.menuguide.pro/assets/img/logo/f64455a5-3b94-4.png);
    background-size:cover;
        background-repeat: no-repeat;
    background-position-y: center;
      }
      .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%;
          position:relative;
          overflow:hidden;
          border-bottom: 1px solid #c3b698;
          background-color:#e5d4af;
         
      }
      .menuItem:not(.headerRow):not(.highlight):hover, .menuItem:not(.headerRow):not(.highlight):nth-child(2n+1):hover {
background-color:#f5e9d0;
          -webkit-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
      }

          .menuItem:last-child {
              border-bottom: none;
          }
          .menuItem.headerRow{
              border-bottom:5px dashed #323d47;
               border-top:5px dashed #323d47;
                   background: #e5d4af;
    color: #323d47;
          }
          .menuItem.menuHeader, #copyDiv {
              background-color: #323d47 !important;
              color: #fff;
          }

      #copyDiv {
          padding: 0.5em 1em;
      }
      #copyDiv a{color:#fff;}

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

      .menuItem div {
         
          vertical-align: middle;
      }

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

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

      .allergenInfo {
          width: 25%
      }

      .optionInfo {
          width: 25%;
      }

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

          .allergenInfo .allergenItem span
          ,.optionInfo .optionItem span{
              color: #323d47;
          }

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

      .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 auto;
              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 {
              cursor: pointer;
              display: inline-grid;
              text-align: center;
              color: #fff;
              -webkit-transition: all 0.2s ease-in-out;
              -o-transition: all 0.2s ease-in-out;
              transition: all 0.2s ease-in-out;
          }

              .allergenList a img {
               
                    
              }

      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;
      }

      .prefInner {
          display: table;
      }

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

      .menuItem {
          padding: 0.5em 0;
      }

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

      #allergenBar {
          text-align: center;
          z-index: 99;
          position: fixed;
          bottom: 0;
          left: 0;
          right: 0;
          border-top: 2px solid #06966f;
          background-color: #323d47;
          background-image:none;
            -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 {
            
              vertical-align: top;
                        margin-top: 0.5em;
    margin-bottom: 0;
          }
        #allergenBar a{
            
            
        }

          #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 {
          margin:2em;
          padding: 3em;
          display: inline-block;
          background-color: #00946d;
          -webkit-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
          margin: 1em;
          -webkit-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
      }

      a .menuTab {
          color: #fff;
      }

      .menuTab:hover {
          background: #006147;
        
             color: #fff;
      }

      a .menuTab:hover {
          color: #fff;
      }
          /*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;}
#backToTop{
    background:#00946d;
}
      /*Responsive options*/
      @media all and (min-width:1581px){
          .wrap{max-width:1040px;}
      }
      @media all and (max-width:1580px) {
          #allergenBar img {
              width: 40px;
          }

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

      #allergenTab {
          display: none;
      }

      #sidebar1 {
          display: block;
      }

      @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) {
          .btn{font-size:1.5em;}
            .wrap{width:95%;}
          #break {
              display: block;
          }

          .m-all {
              float: none;
          }

          .menuItem div {
             
              
          }

          .itemDetails {display:table-row;
              width: 100%;
          }

          .allergenInfo {
              margin-left: 0;
          }

          .allergenInfo, .optionInfo {
              display:table-cell;
              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-color: #00946d;;
              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;
    }
}