/**
 * section_table
 * @version	1.2.0
 * @release	15-05-2024
 * @author	msolowski Marcin Sołowski
 * @website	msolowski.pl
 */

/**********************************************************************************/ /* SECTION */

.section_table
{
	background-color: var(--background_color);
	min-height: calc(var(--section_height) * 1vh);
}

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

.section_table .section_contener
{
	max-width: calc(100vw - (100vw - var(--section_limit) * 1px));
}

.section_table .section_contener.align_left
{
	margin-left: 0;
	margin-right: auto;
}

.section_table .section_contener.align_center
{
	margin-left: auto;
	margin-right: auto;
}

.section_table .section_contener.align_right
{
	margin-left: auto;
	margin-right: 0;
}

/**********************************************************************************/ /* TEXT */

.section_table .is_outline
{
	padding-top: var(--global_size_5);
	padding-right: var(--global_size_15);
	padding-bottom: var(--global_size_5);
	padding-left: var(--global_size_15);
	border-radius: 80px;
	border: 2px solid var(--root_color_black);
}

.section_table.is_background_dark .is_outline
{
	border-color: var(--root_color_white);
}

.section_table .text_title
{
	max-width: calc(var(--text_title_limit) * 1px);
}

.section_table.is_background_dark .text_title
{
	color: var(--root_color_white);
}

.section_table .text_heading
{
	max-width: calc(var(--text_heading_limit) * 1px);
}

.section_table.is_background_dark .text_heading
{
	color: var(--root_color_white);
}

.section_table .text_content
{
	max-width: calc(var(--text_content_limit) * 1px);
	column-count: var(--text_content_column);
	column-gap: var(--global_size_40);
}

.section_table.is_background_dark .text_content
{
	color: var(--root_color_white);
}

.section_table .content > *.align_left
{
	justify-self: flex-start;
}

.section_table .content > *.align_center
{
	justify-self: center;
}

.section_table .content > *.align_right
{
	justify-self: flex-end;
}

.section_table.is_background_dark .content a
{
	color: var(--root_color_white);
}

/**********************************************************************************/ /* TABLE */

.section_table.is_background_dark .table
{
	color: var(--root_color_white);
}

/**********************************************************************************/ /* LINK */

.section_table .link.align_left > *
{
	justify-self: flex-start;
}

.section_table .link.align_center > *
{
	justify-self: center;
}

.section_table .link.align_right> *
{
	justify-self: flex-end;
}

/**********************************************************************************/ /* EFFECT */


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

@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)
{
	.section_table .text_title
	{
		text-align: left;
	}

	.section_table .text_heading > *
	{
		text-align: left !important;
	}

	.section_table .text_content > *
	{
		text-align: left !important;
	}

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

	.section_table .content > *.align_left
	{
		justify-self: flex-start;
	}

	.section_table .content > *.align_center
	{
		justify-self: flex-start;
	}

	.section_table .content > *.align_right
	{
		justify-self: flex-start;
	}

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

	.section_table .link.align_left > *
	{
		justify-self: flex-start;
	}

	.section_table .link.align_center > *
	{
		justify-self: flex-start;;
	}

	.section_table .link.align_right> *
	{
		justify-self: flex-start;
	}

	.section_table .link.align_left_mobile > *
	{
		justify-self: flex-start;
	}

	.section_table .link.align_center_mobile > *
	{
		justify-self: center;
	}

	.section_table .link.align_right_mobile> *
	{
		justify-self: flex-end;
	}
}

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

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

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

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