.animated-submenu {
	> .sub-menu {
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;
	}

	&:hover,
	&.ct-active {
		> .sub-menu {
			opacity: 1;
			visibility: visible;
			pointer-events: auto;
		}
	}
}

// type 1
[data-dropdown*='type-1'] .animated-submenu {
	> .sub-menu {
		transform: translate3d(0, 10px, 0);
	}

	&:hover,
	&.ct-active {
		> .sub-menu {
			transform: translate3d(0, 0, 0);
		}
	}
}

// type 3
[data-dropdown*='type-3'] .animated-submenu {
	> .sub-menu > li {
		opacity: 0;
		transform: translate3d(0, 5px, 0);
		transition: opacity 0.5s cubic-bezier(0.35, 0.81, 0.41, 1),
			transform 0.5s cubic-bezier(0.35, 0.81, 0.41, 1);
	}

	&:hover,
	&.ct-active {
		> .sub-menu {
			> li {
				opacity: 1;
				transform: translate3d(0, 0, 0);
			}
		}
	}
}

// type 4
[data-dropdown*='type-4'] .animated-submenu {
	> .sub-menu {
		transition: none;
	}
}
