.header__nav__menu{
display: flex;
display: -webkit-flex;
}
.header__nav__menu li{
list-style: none;
}
.header__nav__menu li a{
color: #000;
font-size: 16px;
} @media (min-width: 941px){
.header__nav__menu li .sub-menu{
display: none;
transition: all .3s linear;
}
.header__nav__menu li:hover .sub-menu{
display: block;
}
.header__nav__menu li:hover .sub-menu li a{
color: #666;
}
} @media (max-width: 940px){ .menu__responsivo {
display: block;
cursor: pointer;
position: absolute;
width: 35px;
height: 40px;
margin-top: 25px;
right: 20px;
}
.menu-global {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
position: absolute;
border-top: 5px solid #ffffff;
width: 100%;
-webkit-transition: .4s;
transition: .4s;
}
.menu-top {
top: 0;
}
.menu-middle {
top: 12px;
}
.menu-bottom {
top: 24px;
}
.menu-top-click {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
top: 13px;
-webkit-transform: rotate(50deg);
transform: rotate(50deg);
-webkit-transition: .4s;
transition: .4s;
}
.menu-middle-click {
opacity: 0;
}
.menu-bottom-click {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
top: 13px;
-webkit-transform: rotate(-410deg);
transform: rotate(-410deg);
-webkit-transition: .4s;
transition: .4s;
} .header__content-menu{
display: none;
background: #999;
position: absolute;
top: var(--headerHeightFixed);
right: 0;
width: 300px;
height: initial;
overflow: auto;
}
.header__nav__menu{
display: block;
}
.header__nav__menu .menu-item-has-children > .open-submenu{
background: url(//verticce.com.br/wp-content/themes/app/dist/images/icons/arrow-menu.png)no-repeat;
background-size: 20px 20px;
background-position: center center;
z-index: 9999;
cursor: pointer;
position: absolute;
top: 0px;
right: 0px;
padding: 29px 35px 30px 35px;
}
.header__nav__menu > .menu-item-has-children .open-submenu.open-more {
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
}
.header__nav__menu li{
position: relative;
display: block;
}
.header__nav__menu li a{
width: 100%;
padding: 20px;
position: relative;
height: 58px;
display: block;
}
.header__nav__menu li .sub-menu{
display: none;
position: relative;
background: #666;
}
}
@media (max-width: 450px){
.header__content-menu{
width: 100%;
}
}