/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

/* Animacion secuencial para items del sub-menu */
@keyframes childSubmenuItemIn {
	from {
		opacity: 0;
		transform: translateY(8px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.sub-menu > li.menu-item {
	opacity: 0;
	transform: translateY(8px);
}

li.menu-item:hover > .sub-menu > li.menu-item,
li.menu-item:focus-within > .sub-menu > li.menu-item,
li.menu-item.sfHover > .sub-menu > li.menu-item {
	animation: childSubmenuItemIn 0.4s ease-out both;
}

li.menu-item:hover > .sub-menu > li.menu-item:nth-child(1),
li.menu-item:focus-within > .sub-menu > li.menu-item:nth-child(1),
li.menu-item.sfHover > .sub-menu > li.menu-item:nth-child(1) { animation-delay: 0.06s; }

li.menu-item:hover > .sub-menu > li.menu-item:nth-child(2),
li.menu-item:focus-within > .sub-menu > li.menu-item:nth-child(2),
li.menu-item.sfHover > .sub-menu > li.menu-item:nth-child(2) { animation-delay: 0.12s; }

li.menu-item:hover > .sub-menu > li.menu-item:nth-child(3),
li.menu-item:focus-within > .sub-menu > li.menu-item:nth-child(3),
li.menu-item.sfHover > .sub-menu > li.menu-item:nth-child(3) { animation-delay: 0.18s; }

li.menu-item:hover > .sub-menu > li.menu-item:nth-child(4),
li.menu-item:focus-within > .sub-menu > li.menu-item:nth-child(4),
li.menu-item.sfHover > .sub-menu > li.menu-item:nth-child(4) { animation-delay: 0.24s; }

li.menu-item:hover > .sub-menu > li.menu-item:nth-child(5),
li.menu-item:focus-within > .sub-menu > li.menu-item:nth-child(5),
li.menu-item.sfHover > .sub-menu > li.menu-item:nth-child(5) { animation-delay: 0.3s; }

li.menu-item:hover > .sub-menu > li.menu-item:nth-child(6),
li.menu-item:focus-within > .sub-menu > li.menu-item:nth-child(6),
li.menu-item.sfHover > .sub-menu > li.menu-item:nth-child(6) { animation-delay: 0.36s; }

li.menu-item:hover > .sub-menu > li.menu-item:nth-child(7),
li.menu-item:focus-within > .sub-menu > li.menu-item:nth-child(7),
li.menu-item.sfHover > .sub-menu > li.menu-item:nth-child(7) { animation-delay: 0.42s; }

li.menu-item:hover > .sub-menu > li.menu-item:nth-child(8),
li.menu-item:focus-within > .sub-menu > li.menu-item:nth-child(8),
li.menu-item.sfHover > .sub-menu > li.menu-item:nth-child(8) { animation-delay: 0.48s; }

li.menu-item:hover > .sub-menu > li.menu-item:nth-child(9),
li.menu-item:focus-within > .sub-menu > li.menu-item:nth-child(9),
li.menu-item.sfHover > .sub-menu > li.menu-item:nth-child(9) { animation-delay: 0.54s; }

li.menu-item:hover > .sub-menu > li.menu-item:nth-child(10),
li.menu-item:focus-within > .sub-menu > li.menu-item:nth-child(10),
li.menu-item.sfHover > .sub-menu > li.menu-item:nth-child(10) { animation-delay: 0.6s; }

@media (prefers-reduced-motion: reduce) {
	.sub-menu > li.menu-item,
	li.menu-item:hover > .sub-menu > li.menu-item,
	li.menu-item:focus-within > .sub-menu > li.menu-item,
	li.menu-item.sfHover > .sub-menu > li.menu-item {
		animation: none;
		opacity: 1;
		transform: none;
	}
}