/**
 * section_header
 * @version	1.2.0
 * @release	30-05-2024
 * @author	msolowski Marcin Sołowski
 * @website	msolowski.pl
 */

/**********************************************************************************/ /* SECTION */

body.is_header_active #main_page
{
	padding-top: 0;
}

body.is_header_active .page > section:first-child
{
	padding-top: calc(var(--global_size_100) + var(--global_header_height));
}

/**********************************************************************************/ /* SETTINGS */

body.is_header_active.is_header_dark #header
{
	background-color: transparent;
	border-bottom-color: var(--root_color_white);
}

body.is_header_active.is_header_dark #header.header_scroll,
body.is_header_active.is_header_dark #header.header_scroll_up
{
	background-color: var(--root_color_white);
	border-bottom-color: var(--root_color_black);
	border-bottom-color: transparent;
}

body.is_header_active.is_header_dark #header_logo svg *
{
	fill: var(--root_color_white);
}

body.is_header_active.is_header_dark #header_logo svg *,
body.is_header_active.is_header_dark #header_logo svg *
{
	fill: var(--root_color_white);
}

body.is_header_active.is_header_dark #header.header_scroll #header_logo svg *,
body.is_header_active.is_header_dark #header.header_scroll_up #header_logo svg *
{
	fill: var(--root_color_lead);
}

body.is_header_active.is_header_dark.is_menu_mobile #header_logo svg *
{
	fill: var(--root_color_lead);
}

body.is_header_active.is_header_dark .menu_header ul.menu > li > ul.sub-menu::after
{
	background-color: var(--root_color_black);
}

body.is_header_active.is_header_dark #header .menu_header ul.menu > li > a
{
	color: var(--root_color_white);
}

body.is_header_active.is_header_dark #header.header_scroll .menu_header ul.menu > li > a,
body.is_header_active.is_header_dark #header.header_scroll_up .menu_header ul.menu > li > a
{
	color: var(--root_color_black);
}

body.is_header_active.is_header_dark #header .menu_header ul.menu > li > a:hover
{
	color: var(--root_color_white);
}

body.is_header_active.is_header_dark #header.header_scroll .menu_header ul.menu > li > a:hover,
body.is_header_active.is_header_dark #header.header_scroll_up .menu_header ul.menu > li > a:hover
{
	color: var(--root_color_black);
}

body.is_header_active.is_header_dark #header:not(.header_scroll):not(.header_scroll_up) .menu_language ul.menu.vertical > li > div,
body.is_header_active.is_header_dark #header:not(.header_scroll):not(.header_scroll_up) .menu_language ul.menu.vertical > li:hover div.children-current-lang::after
{
	color: var(--root_color_white);
}

body.is_header_active.is_header_dark #header:not(.header_scroll):not(.header_scroll_up) .global_button
{
	color: var(--root_color_lead);
	border-color: var(--root_color_lead);
}

body.is_header_active.is_header_dark #header:not(.header_scroll):not(.header_scroll_up) #menu_mobile_trigger span
{
	background-color: var(--root_color_white);
}


/* body.is_header_active.is_header_dark #header .menu_header a
{
	color: var(--root_color_white);
}

body.is_header_active.is_header_dark #header.header_scroll .menu_header a,
body.is_header_active.is_header_dark #header.header_scroll_up .menu_header a
{
	color: var(--root_color_black);
}

body.is_header_active.is_header_dark #header .menu_header a:hover
{
	color: var(--root_color_white);
}

body.is_header_active.is_header_dark #header.header_scroll .menu_header a:hover,
body.is_header_active.is_header_dark #header.header_scroll_up .menu_header a:hover
{
	color: var(--root_color_black);
} */

/**********************************************************************************/

@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)
{
}