#menu-quick-links li a {
padding: 0.5em 0.5em;
}
#menu-quick-links li:not(:last-child) a::after {
content: "|";
padding-left: 0.5em;
} #principal3 .sub-menu {
display: none;
position: absolute;
z-index: 99999;
background: var(--blanco2);
list-style: none;
padding: 0;
width: 80%;
left: 0;
right: 0;
margin: 2.5em auto 0;
}
#principal3 .sub-menu li {
padding: 0.5em 1em 0.5em 1em;
border-bottom: 1px solid var(--gris_claro);
}
#principal3 .menu-item a {
color: var(--blanco1);
text-decoration: none;
text-transform: uppercase;
font-weight: 500;
font-size: 1em;
padding: 0.5em 0.5em 3em 0.5em;
}
#principal3 .sub-menu li a {
color: var(--marengo2);
display: block;
text-decoration: none;
list-style: none;
font-weight: 500;
text-transform: none;
font-size: 1em;
padding: 0.5em;
}
#principal3 .sub-menu .sub-menu {
width: 100%;
left: 25px;
columns: 1;
column-gap: unset;
position: relative;
margin: unset;
}
#principal3 .sub-menu .sub-menu .col-6 {
width: 100%;
}
#principal3 .sub-menu .sub-menu li a {
color: var(--marengo2);
font-weight: 300;
}
#principal3 .sub-menu .sub-menu li.fw-bold a {
font-weight: 500;
}
#principal3 .sub-menu li a:hover {
color: var(--primario);
}
#principal3 .menu-item span.toggle-button {
font-size: 0.6em;
float: right;
font-weight: 500;
position: relative;
display: block;
text-align: center;
padding: 1em 0.2em;
border-radius: 50%;
line-height: 0;
top: -30px;
right: 0.1em;
content: url(//investigacion.uahurtado.cl/wp-content/themes/UAH-Tinca/img/iconoMenu-rojo.svg);
width: 20px;
}
#principal3 .menu-item span.toggle-button.menos {
top: -15px;
z-index: 99999;
background: var(--blanco2);
transform: rotate(180deg);
}
@media (max-width: 1200px) and (min-width: 992px) {
#principal3 .menu-item a{
font-size: 0.8em;
}
} #mobail .submenu-toggle {
cursor: pointer;
float: right;
margin-top: 4px;
font-weight: bold;
transition: transform 0.2s;
}
#mobail .sub-menu.active {
display: block;
}
#mobail .sub-menu.active + .submenu-toggle::before {
content: "-";
}
#mobail .sub-menu {
display: none;
list-style: none;
padding-left: 20px;
margin: 0;
}
#mobail .sub-menu li {
margin: 5px 0;
}
#mobail #menu-menu-principal-1 {
list-style: none;
padding: 0;
margin: 0;
}
#mobail .menu-item {
margin: 5px 0;
border-bottom: 1px solid var(--gris1);
}
#mobail .menu-item a {
color: var(--gris_claro);
text-decoration: none;
}
#mobail a[aria-current="page"] {
color: var(--gris_claro);
}