/* Set the font-family for all text on the page */
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Set the background color to match your website's background color */
body {
  background-color: #f9f9f9;
}

/* Set the text color to match your website's text color */
body, h1, h2, h3, h4, h5, h6, p {
  color: #333333;
}

/* Style headings to match your website */
h1, h2, h3, h4, h5, h6 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Style links to match your website */
a {
  color: #1e73be;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/* Style buttons to match your website */
button, input[type="submit"] {
  background-color: #1e73be;
  color: white;
  border: none;
  border-radius: 4px;
  padding: 8px 16px;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.3s;
}

button:hover, input[type="submit"]:hover {
  background-color: #005caf;
}

/* Style forms to match your website */
input[type=text], input[type=email], select {
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}
/*StartFooter*/

body {
    margin: 0;
    padding: 0;
}
footer, .footer, #footerwidget, #custom_html-3 {
    display: block !important;
    visibility: visible !important;
    position: relative !important;
    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
}
footer {
   
}
#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;
        letter-spacing:0 !important;
        margin:0.4em;
    }
#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;
 margin-right:1em;
}
    #menu-foot li a {
    color:#333;
    font-size:0.8em;
   
    }
        #menu-foot li:last-child {
                margin-right:0;

        }
        #overlay {
            position: fixed !important;
            top: 0 !important;
            bottom: 0 !important;
            left: 0 !important;
            right: 0 !important;
            z-index: 999 ;
        }


/*social icons*/

#footerwidget #custom_html-3 .textwidget a  {
    margin-right: 1em;
    font-size: 1.5em;
    color: #0a767a;
}

    #footerwidget #custom_html-3 .textwidget a:last-child {
        margin-right: 0;
    }


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