/**
 * Mobile Menu Overrides
 * Any properties below without "!important" won't have any effect because
 * the Blocksy styles are applied last and override them.
 **/
.mobile-menu a {
	font-weight: 400;
}
.mobile-menu[data-submenu-dots=yes] [class*=children]>ul {
	padding-inline-start: calc(20px*var(--has-indentation, 1)) !important;
}

.mobile-menu ul:not(:first-child) {
	margin-top: 0;
}

.mobile-menu ul li a:not(:empty) {
	padding-top: 10px;
	padding-bottom: 10px;
}

.mobile-menu[data-submenu-dots=yes] [class*=children]>ul li a:not(:empty):before {
	position:absolute;
	content: "";
	top: calc(50% - 2px);
	inset-inline-start: -20px !important;
	width: 4px !important;
	height: calc(4px*var(--has-indentation, 1)) !important;
	opacity: .3;
	border-radius: 5px;
	background: currentColor;
	transition: opacity .12s cubic-bezier(0.455, 0.03, 0.515, 0.955),background .12s cubic-bezier(0.455, 0.03, 0.515, 0.955),width .12s cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

.mobile-menu[data-submenu-dots=yes] [class*=children]>ul li a:hover:before,
.mobile-menu[data-submenu-dots=yes] [class*=children]>ul li.dropdown-active>.ct-sub-menu-parent>a:before {
	width: 10px !important;
}