.offcanvasMenu li.menu-item-has-children {
position: relative;
}
.offcanvasMenu li.menu-item-has-children > a {
display: inline-flex;
align-items: center;
gap: 6px;
padding-right: 4px;
}
.offcanvasMenu .submenu-toggle {
background: none;
border: none;
cursor: pointer;
padding: 4px 8px;
line-height: 0;
color: inherit;
vertical-align: middle;
transition: transform .25s ease;
}
.offcanvasMenu li.submenu-open > .submenu-toggle {
transform: rotate(180deg);
}
.offcanvasMenu .sub-menu {
list-style: none;
margin: 0;
padding: 0 0 0 18px;
max-height: 0;
overflow: hidden;
transition: max-height .3s ease;
}
.offcanvasMenu li.submenu-open > .sub-menu {
max-height: 500px; }
.offcanvasMenu .sub-menu li {
margin-bottom: .5rem;
margin-top: .5rem;
}
.offcanvasMenu .sub-menu li a {
font-size: .9rem;
opacity: .85;
}
.offcanvasMenu .sub-menu li a:hover {
opacity: 1;
}