.button_container{ position: relative; height: 20px; width: 20px; cursor: pointer; z-index: 1000; transition: opacity .25s ease; }
.button_container:hover{ opacity: .7; }
.button_container.active .top{ transform: translateY(7px) translateX(0) rotate(45deg); background: #fff; }
.button_container.active .middle{ opacity: 0; background: #fff; }
.button_container.active .bottom{ transform: translateY(-7px) translateX(0) rotate(-45deg); background: #fff; }
  
.button_container span {
  background: #212223;
  border: none;
  height: 2px;
  border-radius: 8px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition:  all .35s ease;
  cursor: pointer;
  z-index: 150;
  margin-top: 4px;
}
.button_container:hover span{ background: #e1b166; }
.button_container span:nth-of-type(2){ top: 7px; }
.button_container span:nth-of-type(3){ top: 14px; }

.overlay{ position: fixed; background: #212223; top: 0; left: 0; width: 100%; height: 0%;
  opacity: 0; visibility: hidden; transition: opacity .35s, visibility .35s, height .35s;
  overflow: hidden; z-index: 900; }
.overlay.open{ opacity: .95;  visibility: visible; min-height: 100%; overflow: auto; }

.overlay li{ animation: fadeInRight .5s ease forwards; animation-delay: .35s; }
.overlay li:nth-of-type(2){ animation-delay: .4s; }
.overlay li:nth-of-type(3){ animation-delay: .45s; }
.overlay li:nth-of-type(4){ animation-delay: .50s; }

.overlay-menu ul li{
    display: block;
    margin-bottom: 5px;
    opacity: 0;
    width: fit-content;
	}
.overlay-menu ul li a{
    display: block;
    position: relative;
    color: #fff;
    text-decoration: none;
    overflow: hidden;
    text-transform: uppercase;
    padding: 0.5em;
    font-size: 1.2rem;
    padding-left: 0em; 
}
.overlay-menu .active>a,.overlay-menu a:hover{
    padding-left: 0.5em;
    background: #e9ba78;
}

.overlay .myaccount-container i, .overlay .cart-contents:before{ color:#fff; }

.search-form{ display: flex; }
.search-form label{ width: 90%; padding-right: 1%; }
.search-field{ background: rgba(0,0,0,0.7)!important; border-radius: 5px; padding: 1.3em; border: none; color:#fff!important; }
.search-submit{ width: 10%!important;  background: #e1b166!important; border-radius: 5px!important;  }
.search-submit:hover{ opacity: 0.95!important;  background: #e1b166!important;  }


@-webkit-keyframes fadeInRight{ from{ opacity: 0; left: 20%; }  to{ opacity: 1; left: 0; } }
@keyframes fadeInRight{ from{ opacity: 0; left: 20%; }  to{ opacity: 1; left: 0; } }



.menu-title{ font-family: 'Abril Fatface', cursive; text-transform: lowercase; color: #fff; margin-bottom: 0; font-size: 1.8rem; }
.menu-dots{
    color: #fff;
    font-size: 1.7em;
    letter-spacing: 3px;
    margin-top: -20px;
    margin-bottom: 15px;
}

.social-icons i{ color:#fff; font-size: 1.5rem; margin-right: 10px; }


/* ******************************************************************** */
/* ********              MENU CATEGORIAS PRODUTOS              ******** */
/* ******************************************************************** */

#menu-categories-menu li{
    color: #212223;
    text-transform: uppercase;
    transition: all .35s ease;
}
#menu-categories-menu li:hover{
    color: #e1b166;
}

#menu-categories-menu .menu-item-has-children a::after{
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #212223 transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px;
}

#menu-categories-menu .menu-item-has-children .sub-menu{ 
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index: 1;
}

#menu-categories-menu .menu-item-has-children:hover .sub-menu {
    display: block;
}




/* ******************************************************* */
/* ********              FOOTER MENU              ******** */
/* ******************************************************* */
#menu-footer-menu{ float: right; }
#menu-footer-menu li{ padding: 0; padding-left: 0.8em; }
#menu-footer-menu li a{ color: #212223; font-size: 0.7rem; text-transform: uppercase; padding:0; font-weight: 400; }
#menu-footer-menu li a:hover, #menu-footer-menu li.active a{ color: #e1b166; background:none; }



/* ******************************************************* */

    /*position: relative;
    height: 150px;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;*/