/*adjust the new toggle element which is added via jQuery*/
body .et_pb_widget ul.wc-block-product-categories-list li .mobile-toggle{
	width: 22px;
	height: 100%;
	padding: 0px !important;
	max-height: 22px;
	border: none;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 999;
	background-color: transparent;
}

/*some code to keep everyting positioned properly*/
.et_pb_widget ul.wc-block-product-categories-list li.have-children{
	position: relative;
}
/*hide the submenu by default*/
.et_pb_widget ul.wc-block-product-categories-list li.have-children ul{
	display: none !important;
	visibility: hidden !important;
}
/*show the submenu when toggled open*/
.et_pb_widget ul.wc-block-product-categories-list li.have-children ul.visible{
	display: block !important;
	visibility: visible !important;
}
/*adjust the toggle icon position and transparency*/
.et_pb_widget ul.wc-block-product-categories-list .mobile-toggle{
	text-align: center;
	opacity: 1;
}
/*submenu toggle icon when closed*/
.et_pb_widget ul.wc-block-product-categories-list .mobile-toggle::after{
	position: relative;
	font-family: "ETModules";
	content: '\4c';
	color: #000;
	padding: 3px;
}
/*submenu toggle icon when open*/
.et_pb_widget ul.wc-block-product-categories-list .dt-open > .mobile-toggle::after{
	content: '\4b';
}
.wc-block-product-categories-list--depth-0 > li{
	border-bottom: 1px solid;
}