/**
 * global_background
 * @version	2.0
 * @release	16-01-2023
 * @author	msolowski Marcin Sołowski
 * @website	http://msolowski.pl
 */

.global_background
{
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-attachment: scroll;
	position: relative;
}

.global_background > *
{
	pointer-events: auto;
	position: relative;
	z-index: 1;
}

.global_background.gb_bs_contain
{
	background-size: contain;
}

.global_background.gb_bs_cover
{
	background-size: cover;
}

.global_background.gb_bpx_100
{
	background-position-x: 100%;
}

.global_background.gb_bpx_0
{
	background-position-x: 0;
}

.global_background.gb_bpy_0
{
	background-position-y: 0;
}

.global_background.gb_bpy_100
{
	background-position-y: 100%;
}

.global_background.gb_ba_fixed
{
	background-attachment: fixed;
}

.global_background.gb_before_bi::before
{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 40%;
	bottom: 0;
	left: 0;
	background-image: linear-gradient(to right, rgba(245, 239, 235, 100) 40%, rgba(245, 239, 235, 0) 100%);
	background-repeat: no-repeat;
	background-size: cover;
}

.global_background.gb_before_bc::before
{
	--gb_before_bc: rgba(9, 9, 9, 0.57);
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: var(--gb_before_bc);
}

.global_background.gb_before_bc.gb_before_bc_lead::before
{
	--gb_before_bc: var(--root_color_lead);
}

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

@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)
{
	.global_background.is_fixed
	{
	/*	background-attachment: scroll; */
	}

	.global_background.is_disable_on_tablet
	{
		background-image: none !important;
	}

	.global_background.is_disable_on_tablet_with_gradient
	{
		background-image: none, radial-gradient(circle, rgba(92, 77, 152, 0.3), rgba(92, 77, 152, 0)) !important;
	}
}

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

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

@media screen and (max-width: 480px)
{
	.global_background.is_disable_on_mobile
	{
		background-image: none !important;
	}
}

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