/**
 * menu_footer
 * @version	1.0
 * @release	01-04-2021
 * @author	msolowski Marcin Sołowski
 * @website	http://msolowski.pl
 */

.menu_footer
{
	--menu_footer_font_family:		var(--root_font_family);
	--menu_footer_font_size:		var(--global_font_size_p);
	--menu_footer_font_weight:		500;
	--menu_footer_color:			var(--root_color_white);
	--menu_footer_background_color:	var(--root_color_lead);
	--menu_footer_border_color:		var(--root_color_lead);
	--menu_footer_border_width:		0;
	--menu_footer_border_radius:	0;
	--menu_footer_transition:		var(--global_transition);
	--menu_footer_line_height:		1;

	/**********************************************************************************/

	font-size: 20px;
	font-weight: 200;
/*	display: flex;
	align-items: flex-end;
	flex-wrap: wrap; */
/*	text-transform: uppercase; */
}

/**********************************************************************************/

.menu_footer a
{
	color: var(--root_color_light); /* dziedzicza po tym wszystkie a nizszych poziomow */
	display: inline-flex;
}

.menu_footer ul.menu
{
	display: block;
	list-style: none;
	margin-right: var(--global_size_40);
}

.menu_footer > ul:last-child,
.menu_footer > div > ul:last-child
{
	margin-right: 0 !important;
}

.menu_footer ul.menu > li
{
	--min_menu_footer_double_li: 0;
	--max_menu_footer_double_li: 0;
	--menu_footer_double_li:
		clamp(calc(var(--min_menu_footer_double_li) * 1px),
		calc((((-1 * var(--global_scm_var)) * ((var(--max_menu_footer_double_li) - var(--min_menu_footer_double_li)) / (var(--global_sc_var) - var(--global_scm_var))) + var(--min_menu_footer_double_li)) * 1px)
		+ ((var(--max_menu_footer_double_li) - var(--min_menu_footer_double_li)) / (var(--global_sc_var) - var(--global_scm_var)) * 100vw)),
		calc(var(--max_menu_footer_double_li) * 1px));
	position: relative;
/*	border-right: 1px solid transparent; */ /* potrzebne gdy musza wystapic odstepy miedzy elementami li w postaci kresek pionowych */
	transition: var(--global_transition);
	margin-top: var(--global_size_30);
}

.menu_footer ul.menu > li.menu-item-has-children
{
/*	padding-right: var(--menu_footer_double_li); */
}

.menu_footer ul.menu > li:first-child
{
	margin-top: 0;
}

.menu_footer ul.menu > li::before
{
/*	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: var(--root_color_lead);
	transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	z-index: 1;
	opacity: 0; */
}

.menu_footer ul.menu > li::after /* potrzebne gdy musza wystapic odstepy miedzy elementami li w postaci kresek pionowych */
{
/*	content: '';
	display: block;
	position: absolute;
	height: 50%;
	top: 25%;
	left: 100%;
	width: 1px;
	background-color: var(--root_color_dark); */
}

.menu_footer ul.menu > li:last-child::after
{
/*	width: 0; */
}

.menu_footer ul.menu > li:hover
{
/*	background-color: var(--root_color_dark);
	box-shadow: var(--global_shadow); */
}

.menu_footer ul.menu > li.menu-item-has-children:hover
{
/*	box-shadow: 3px calc(var(--global_shadow_blur) * -1) var(--global_shadow_blur) 0 rgba(0, 0, 0, 0.09); */
}

.menu_footer ul.menu > li:hover::before
{
/*	opacity: 1; */
}

/**********************************************************************************/

.menu_footer ul.menu > li.current-menu-item,
.menu_footer ul.menu > li.current-menu-ancestor
{
/*	box-shadow: var(--global_shadow); */
}

.menu_footer ul.menu > li.current-menu-item
{
/*	pointer-events: none; */
}

.menu_footer ul.menu > li.menu-item-has-children::after
{
/*	font-family: 'msolowski';
	content: '\e90b';
	color: var(--root_color_black);
	transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	font-size: 0.5em;
	margin-left: 10px; */
}

.menu_footer ul.menu > li.menu-item-has-children.current-menu-item::after,
.menu_footer ul.menu > li.menu-item-has-children.current-menu-ancestor::after
{
/*	color: var(--root_color_lead); */
}

.menu_footer ul.menu > li.menu-item-has-children:hover::after
{
/*	color: var(--global_color_custom); */
/*	color: var(--root_color_lead);
	transform: rotate(180deg); */
}

.menu_footer ul.menu > li.current-menu-item > a,
.menu_footer ul.menu > li.current-menu-ancestor > a
{
	color: var(--root_color_lead) !important;
}

.menu_footer ul.menu > li.current-menu-item > a::after,
.menu_footer ul.menu > li.current-menu-ancestor > a::after
{
/*	left: 0;
	width: 100%;
	opacity: 1; */
}

/**********************************************************************************/

.menu_footer ul.menu > li > a
{
/*	padding-top: calc(var(--menu_footer_double_li) * 0.75);
	padding-bottom: calc(var(--menu_footer_double_li) * 0.75);
	padding-left: var(--menu_footer_double_li);
	padding-right: var(--menu_footer_double_li);
	position: relative;
	z-index: 2;
	align-items: center; */
}

.menu_footer ul.menu > li.menu-item-has-children > a
{
/*	padding-right: 0; */
/*	pointer-events: none; */
}

.menu_footer ul.menu > li.menu-item-has-children > a::after
{
/*	font-family: 'msolowski';
	content: '\e900';
	transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	font-size: 0.4em;
	margin-left: var(--global_size_10); */
/*	z-index: 2; */
}

.menu_footer ul.menu > li.menu-item-has-children:hover > a::after
{
/*	color: var(--global_color_custom); */
/*	transform: rotate(180deg); */
}

.menu_footer ul.menu > li > a::after
{
/*	content: '';
	display: block;
	position: absolute;
	width: 0;
	height: 2px;
	bottom: calc(100% + 6px);
	left: 50%;
	background-color: var(--global_color_custom);
	opacity: 1;
	transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); */
}

.menu_footer ul.menu > li:hover > a
{
	color: var(--root_color_lead);
}

.menu_footer ul.menu > li:hover > a::after
{
/*	left: 0;
	width: 100%;
	opacity: 1; */
}

.menu_footer ul.menu > li:active > a
{
/*	transform: scale(0.95, 0.95); */
}

/**********************************************************************************/ /* 2 poziom i kolejne */

.menu_footer ul.menu > li > ul.sub-menu /* zablokowane wyswietlanie nizszych poziomow, aby niepotrzebnie nie generowac kolejnego menu */
{
	display: none
}

/**********************************************************************************/

@media screen and (max-width: 1680px)
{
}

@media screen and (max-width: 1600px)
{
}

@media screen and (max-width: 1440px)
{
}

@media screen and (max-width: 1366px)
{
}

@media screen and (max-width: 1300px)
{
}

@media screen and (max-width: 1200px)
{
}

@media screen and (max-width: 1024px)
{
}

@media screen and (max-width: 800px)
{
}

@media screen and (max-width: 640px)
{
}

@media screen and (max-width: 480px)
{
}

@media screen and (max-width: 360px)
{
}