/* collapsed by default */
.offcanvas-nav .menu-item-has-children > .sub-menu{
	max-height: 0;
	overflow: hidden;
	transition: max-height .25s ease;
	margin: 0;
	padding: 0;
}

/* open state */
.offcanvas-nav .menu-item-has-children.is-open > .sub-menu{
	max-height: 1200px;
}

/* optional arrow */
.offcanvas-nav .menu-item-has-children > a{
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.offcanvas-nav .menu-item-has-children > a::after{
	content:"▾";
	margin-left:10px;
	transition: transform .2s ease;
}
.offcanvas-nav .menu-item-has-children.is-open > a::after{
	transform: rotate(180deg);
}