.menu__mobile {
background: transparent;
}
.menu__mobile ul {
margin: 0;
padding: 0;
list-style: none;
}
.menu__mobile,
.menu__mobile a {
color: white;
text-decoration: none;
}
.menu__mobile a:hover {
color: #940135;
}
.menu__mobile a {
display: block;
white-space: nowrap;
} .menu__mobile-dropdown{
display: none;
padding: 8px;
}
.menu__mobile label:hover {
cursor: pointer;
} .menu__mobile-dropdown.active {
display: flex;
flex-direction: column;
-webkit-animation: grow 0.5s ease-in-out;
animation: grow 0.5s ease-in-out;
}
.menu__mobile-dropdown-button .fa-chevron-down{
display: flex ;
}
.menu__mobile-dropdown-button .fa-chevron-up{
display: none ;
}
.menu__mobile-dropdown-button.active .fa-chevron-down{
display: none ;
}
.menu__mobile-dropdown-button.active .fa-chevron-up{
display: flex ;
}
.check__down:checked + ul {
display: block;
-webkit-animation: grow 0.5s ease-in-out;
animation: grow 0.5s ease-in-out;
}
.menu__mobile-dropdown-button {
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
color: white ;
}
@-webkit-keyframes grow {
0% {
display: none;
opacity: 0;
}
50% {
display: block;
opacity: 0.5;
}
100% {
opacity: 1;
}
}
@keyframes grow {
0% {
display: none;
opacity: 0;
}
50% {
display: block;
opacity: 0.5;
}
100% {
opacity: 1;
}
}
.menu__mobile-dropdown a {
padding: 15px 20px;
}
.menu__mobile > label {
background: transparent;
display: block;
padding: 15px 20px;
text-align: right;
}
.menu__mobile a {
padding: 8px 0;
font-family: "Lato", "sans-serif";
font-weight: 400;
}
.menu__mobile > ul i {
float: right;
padding: 5px 10px;
}
.menu__mobile-dropdown a {
}
.menu-hasflyout > ul a {
}
.evo__menu {
display: flex ;
flex-direction: column;
}
.evo__menu-opcion {
display: flex;
width: 100%;
justify-content: space-between;
padding: 8px 0;
align-items: center;
flex-direction: row;
}
.evo__menu-opcion.level-0 a {
font-size: 24px;
}
.menu__mobile-dropdown.level-0 {
padding: 0 0 0 24px;
}
.menu__mobile-dropdown.level-1 {
padding: 0 0 0 32px;
}
.menu__mobile-dropdown.level-2 {
padding: 0 ;
}
.evo__menu-opcion.level-2 a {
padding: 8px 0;
font-family: "Roboto", "sans-serif";
font-weight: 400;
}
.evo__menu-opcion.level-1,
.evo__menu-opcion.level-0,
.evo__menu-opcion.level-2
{
padding:  0;
}
.evo__menumenu__subcategoria .evo__menu-opcion a {
font-weight: 400;
color: #C2C2C2 ;
font-size: 24px;
}