/* vars */

:root {

	--menu2-link-color: #333333;

	--menu2-desktop-menu-link-size: 0.89rem;
	--menu2-desktop-submenu-link-size: 0.8rem;

	--menu2-laptop-menu-link-size: 0.75rem;
	--menu2-laptop-submenu-link-size: 0.65rem;

	--menu2-sm-laptop-menu-link-size: 0.65rem;
	--menu2-sm-laptop-submenu-link-size: 0.6rem;

}

/* vars */


.site-menu__secondary {
	gap: 2em;
	width: 100%;
	display: flex;
	list-style: none;
	align-items: center;
	flex-direction: row;
	margin: 0 !important;
	justify-content: flex-end;
}

.site-menu__secondary li a {
	color: var(--menu2-link-color);
}

.site-menu__secondary li a:hover,
.site-menu__secondary li.current-menu-item a {
	color: var(--accent-color);
}

.site-menu__secondary > li.menu-item-has-children {
	display: flex;
	position: relative;
	justify-content: center;
}

.site-menu__secondary > li.menu-item-has-children ul.sub-menu {
	top: 150%;
	opacity: 0;
	display: flex;
	z-index: -100;
	min-width: 240px;
	list-style: none;
	visibility: hidden;
	position: absolute;
	margin: 0 !important;
	transition-delay: 0.8s;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	background-color: #F5F5F5;
	transition: top 0.5s ease-in-out, visibility 0.5s ease-in-out;
	box-shadow: 0 3px 3px 0 rgb(0 0 0 / 8%), 3px 1px 3px -2px rgb(0 0 0 / 8%), -3px 1px 3px -2px rgb(0 0 0 / 8%);
}

.site-menu__secondary > li.menu-item-has-children ul.sub-menu li {
	width: 100%;
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 0;
	max-width: 100%;
	position: relative;
	padding: 0.5em 1.5em;
	border-bottom: 1px solid #E2E2E2;
}

.site-menu__secondary li.menu-item-has-children:hover > ul.sub-menu {
	top: 100%;
	opacity: 1;
	z-index: 99;
	display: flex;
	height: fit-content;
	visibility: visible;
}

.site-menu__secondary > li a {
	letter-spacing: 1.2px;
	text-transform: uppercase;
	font-family: var(--second-font);
}

.site-menu__secondary > li > a {
	font-weight: 500;
}

.site-menu__secondary > li.menu-item-has-children > a {
	display: flex;
	position: relative;
	padding-right: 1.5em;
	align-items: center;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

.site-menu__secondary > li.menu-item-has-children > a:after {
	right: 0;
	line-height: 0;
	content: "\f347";
	position: absolute;
	font-family: dashicons;
}

/*RESPONSIVE*/

/*desktop*/
@media (min-width: 1025px) {

	.site-menu__secondary > li a {
		font-size: var(--menu2-desktop-menu-link-size);
	}

	.site-menu__secondary ul.sub-menu li > a {
		font-size: var(--menu2-desktop-submenu-link-size);
	}

}

/*laptop 1*/
@media (min-width: 1024px) and (max-width: 1439px) {

	.site-menu__secondary > li a {
		font-size: var(--menu2-sm-laptop-menu-link-size);
	}

	.site-menu__secondary ul.sub-menu li > a {
		font-size: var(--menu2-sm-laptop-submenu-link-size);
	}

}

/*laptop 2*/
@media (min-width: 1440px) and (max-width: 1700px) {

	.site-menu__secondary > li a {
		font-size: var(--menu2-laptop-menu-link-size);
	}

	.site-menu__secondary ul.sub-menu li > a {
		font-size: var(--menu2-laptop-submenu-link-size);
	}

}

/*RESPONSIVE*/