/**
 * section_left_right
 * @version	1.2.0
 * @release	28-04-2024
 * @author	msolowski Marcin Sołowski
 * @website	msolowski.pl
 */

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

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

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

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

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

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

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

.section_left_right .is_sticky
{
	top: calc(var(--global_header_height_scroll, 0px));
}

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

.section_left_right .global_contener
{
	--column_gap:
		clamp(calc(var(--min_column_gap) * 1px),
		calc((((-1 * var(--global_scm_var)) * ((var(--max_column_gap) - var(--min_column_gap)) / (var(--global_sc_var) - var(--global_scm_var))) + var(--min_column_gap)) * 1px)
		+ ((var(--max_column_gap) - var(--min_column_gap)) / (var(--global_sc_var) - var(--global_scm_var)) * 100vw)),
		calc(var(--max_column_gap) * 1px));
}

.section_left_right.s_padding_left_0 .global_contener.gc_gtc_2_fr
{
	grid-template-columns: 1fr calc((var(--section_contener_max_width) * 0.5) - (var(--column_gap) * 0.5) - var(--global_padding));
}

.section_left_right.s_padding_right_0 .global_contener.gc_gtc_2_fr
{
	grid-template-columns: calc((var(--section_contener_max_width) * 0.5) - (var(--column_gap) * 0.5) - var(--global_padding)) 1fr;
}

.section_left_right.s_padding_left_0 .global_contener.gc_gtc_2fr_1fr
{
	grid-template-columns: 2fr calc((var(--section_contener_max_width) * (1 / 3)) - (var(--column_gap) * 0.5) - var(--global_padding));
}

.section_left_right.s_padding_right_0 .global_contener.gc_gtc_2fr_1fr
{
	grid-template-columns: 2fr calc((var(--section_contener_max_width) * (1 / 3)) - (var(--column_gap) * 0.5) - var(--global_padding));
}

.section_left_right.s_padding_left_0 .global_contener.gc_gtc_1fr_2fr
{
	grid-template-columns: 1fr calc((var(--section_contener_max_width) * (1 / 1.5)) - (var(--column_gap) * 0.5) - var(--global_padding));
}

.section_left_right.s_padding_right_0 .global_contener.gc_gtc_1fr_2fr
{
	grid-template-columns: 1fr calc((var(--section_contener_max_width) * (1 / 1.5)) - (var(--column_gap) * 0.5) - var(--global_padding));
}


.section_left_right .global_contener.is_css_ai_stretch .contener
{
	align-content: flex-start;
}

.section_left_right .global_contener.is_css_ai_stretch.is_anchor_bottom .contener
{
	align-content: stretch;
}

/**********************************************************************************/ /* CONTENER */

.section_left_right .contener
{
	padding-top: var(--global_size_20);
	padding-bottom: var(--global_size_20);
	background-color: var(--background_color);
}

.section_left_right .contener.is_background_color
{
	padding-top: 0;
	padding-bottom: 0;
}

.section_left_right .contener.is_background_color .content
{
	padding-top: var(--global_size_50);
	padding-right: var(--global_size_50);
	padding-bottom: var(--global_size_50);
	padding-left: var(--global_size_50);
}

/**********************************************************************************/ /* IMAGE */

.section_left_right .image.is_height_100 img
{
	height: 100%;
	object-position: 50% 50%;
	object-fit: cover;
}

.section_left_right .image.is_apla::before
{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: var(--apla_color);
	opacity: 0;
	transition: var(--global_transition);
	z-index: 1;
}

.section_left_right .image.is_apla.ga_ready::before
{
	opacity: 1;
}

.section_left_right .image .image_caption
{
	--min_font_size: 14;
	--max_font_size: 20;
	--font_size:
		clamp(calc(var(--min_font_size) * 1px),
		calc((((-1 * var(--global_scm_var)) * ((var(--max_font_size) - var(--min_font_size)) / (var(--global_sc_var) - var(--global_scm_var))) + var(--min_font_size)) * 1px)
		+ ((var(--max_font_size) - var(--min_font_size)) / (var(--global_sc_var) - var(--global_scm_var)) * 100vw)),
		calc(var(--max_font_size) * 1px));
	--min_padding: 8;
	--max_padding: 12;
	--padding:
		clamp(calc(var(--min_padding) * 1px),
		calc((((-1 * var(--global_scm_var)) * ((var(--max_padding) - var(--min_padding)) / (var(--global_sc_var) - var(--global_scm_var))) + var(--min_padding)) * 1px)
		+ ((var(--max_padding) - var(--min_padding)) / (var(--global_sc_var) - var(--global_scm_var)) * 100vw)),
		calc(var(--max_padding) * 1px));
	--min_position: 15;
	--max_position: 35;
	--position:
		clamp(calc(var(--min_position) * 1px),
		calc((((-1 * var(--global_scm_var)) * ((var(--max_position) - var(--min_position)) / (var(--global_sc_var) - var(--global_scm_var))) + var(--min_position)) * 1px)
		+ ((var(--max_position) - var(--min_position)) / (var(--global_sc_var) - var(--global_scm_var)) * 100vw)),
		calc(var(--max_position) * 1px));
	position: absolute;
	z-index: 2;
	color: var(--root_color_black);
	border: 2px solid var(--root_color_black);
	border-radius: 80px; 
	font-size: var(--font_size);
	padding: var(--padding);
	opacity: 0;
	transition:
		opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s,
		visibility 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s,
		transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s,
		box-shadow 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	-webkit-user-select: none;
	user-select: none;
	max-width: calc(100% - (var(--position) * 2));
	visibility: hidden;

	opacity: 1 !important;
	visibility: visible !important;
	transform: none !important;
	pointer-events: none;
}

.section_left_right .image.is_apla_dark .image_caption
{
	color: var(--root_color_white);
	border: 2px solid var(--root_color_white);
}

.section_left_right .image .image_caption.is_link
{
	box-shadow: 0 0 0 2px transparent;
}

.section_left_right .image .image_caption.is_link:hover
{
/*	box-shadow: 0 0 0 2px var(--root_color_black); */
}

.section_left_right .image.is_apla_dark .image_caption.is_link:hover
{
/*	box-shadow: 0 0 0 2px var(--root_color_white); */
}

.section_left_right .image .image_caption.top_right
{
	transform: translateY(calc(var(--position) * -1));
	top: var(--position);
	right: var(--position);
}

.section_left_right .image .image_caption.top_left
{
	transform: translateY(calc(var(--position) * -1));
	top: var(--position);
	left: var(--position);
}

.section_left_right .image .image_caption.bottom_right
{
	transform: translateY(var(--position));
	bottom: var(--position);
	right: var(--position);
}

.section_left_right .image .image_caption.bottom_left
{
	transform: translateY(var(--position));
	bottom: var(--position);
	left: var(--position);
}

.section_left_right .image .image_caption.center
{
	transform: translateY(calc(var(--position) - 50%)) translateX(-50%);
	top: 50%;
	left: 50%;
}

.section_left_right .image.ga_ready .image_caption
{
	opacity: 1;
	visibility: visible;
	transform: none;
}

.section_left_right .image.ga_ready .image_caption.center
{
	transform: translateY(-50%) translateX(-50%);
}

/**********************************************************************************/ /* VIDEO */

.section_left_right .video.is_height_100 video
{
	height: 100%;
	object-position: 50% 50%;
	object-fit: cover;
}

.section_left_right .video.is_apla::before
{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: var(--apla_color);
	opacity: 0;
	transition: var(--global_transition);
	z-index: 1;
}

.section_left_right .video.is_apla::before
{
	opacity: 1;
}

.section_left_right .video .video_caption
{
	--min_font_size: 14;
	--max_font_size: 26;
	--font_size:
		clamp(calc(var(--min_font_size) * 1px),
		calc((((-1 * var(--global_scm_var)) * ((var(--max_font_size) - var(--min_font_size)) / (var(--global_sc_var) - var(--global_scm_var))) + var(--min_font_size)) * 1px)
		+ ((var(--max_font_size) - var(--min_font_size)) / (var(--global_sc_var) - var(--global_scm_var)) * 100vw)),
		calc(var(--max_font_size) * 1px));
	--min_padding: 8;
	--max_padding: 12;
	--padding:
		clamp(calc(var(--min_padding) * 1px),
		calc((((-1 * var(--global_scm_var)) * ((var(--max_padding) - var(--min_padding)) / (var(--global_sc_var) - var(--global_scm_var))) + var(--min_padding)) * 1px)
		+ ((var(--max_padding) - var(--min_padding)) / (var(--global_sc_var) - var(--global_scm_var)) * 100vw)),
		calc(var(--max_padding) * 1px));
	--min_position: 15;
	--max_position: 35;
	--position:
		clamp(calc(var(--min_position) * 1px),
		calc((((-1 * var(--global_scm_var)) * ((var(--max_position) - var(--min_position)) / (var(--global_sc_var) - var(--global_scm_var))) + var(--min_position)) * 1px)
		+ ((var(--max_position) - var(--min_position)) / (var(--global_sc_var) - var(--global_scm_var)) * 100vw)),
		calc(var(--max_position) * 1px));
	position: absolute;
	z-index: 2;
	color: var(--root_color_black);
	border: 2px solid var(--root_color_black);
	border-radius: 80px; 
	font-size: var(--font_size);
	padding: var(--padding);
	opacity: 0;
	transition:
		opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s,
		visibility 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s,
		transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s,
		box-shadow 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	-webkit-user-select: none;
	user-select: none;
	max-width: calc(100% - (var(--position) * 2));
	visibility: hidden;
}

.section_left_right .video.is_apla_dark .video_caption
{
	color: var(--root_color_white);
	border: 2px solid var(--root_color_white);
}

.section_left_right .video .video_caption.is_link
{
	box-shadow: 0 0 0 2px transparent;
}

.section_left_right .video .video_caption.is_link:hover
{
	box-shadow: 0 0 0 2px var(--root_color_black);
}

.section_left_right .video.is_apla_dark .video_caption.is_link:hover
{
	box-shadow: 0 0 0 2px var(--root_color_white);
}

.section_left_right .video .video_caption.top_right
{
	transform: translateY(calc(var(--position) * -1));
	top: var(--position);
	right: var(--position);
}

.section_left_right .video .video_caption.top_left
{
	transform: translateY(calc(var(--position) * -1));
	top: var(--position);
	left: var(--position);
}

.section_left_right .video .video_caption.bottom_right
{
	transform: translateY(var(--position));
	bottom: var(--position);
	right: var(--position);
}

.section_left_right .video .video_caption.bottom_left
{
	transform: translateY(var(--position));
	bottom: var(--position);
	left: var(--position);
}

.section_left_right .video .video_caption.center
{
	transform: translateY(calc(var(--position) - 50%)) translateX(-50%);
	top: 50%;
	left: 50%;
}

.section_left_right .video .video_caption
{
	opacity: 1;
	visibility: visible;
	transform: none !important;
}

.section_left_right .video .video_caption.center
{
	transform: translateY(-50%) translateX(-50%) !important;
}

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

.section_left_right .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_left_right .contener.is_background_dark .is_outline
{
	border-color: var(--root_color_white);
}

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

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

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

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

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

.section_left_right .contener.is_background_dark .text_content
{
	color: var(--root_color_white);
	opacity: 0.8;
}

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

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

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

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

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

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

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

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

.section_left_right .contener.is_background_color .link
{
/*	padding-top: var(--global_size_50); */
	padding-right: var(--global_size_50);
	padding-bottom: var(--global_size_50);
	padding-left: var(--global_size_50);
}

.section_left_right .link.is_anchor_bottom
{
	align-self: flex-end;
	padding-top: var(--global_size_50);
	border-top: 1px solid var(--root_color_black);
}

.section_left_right .contener.is_background_color .link.is_anchor_bottom
{
	margin-top: 0;
}

.section_left_right .contener.is_background_dark .link.is_anchor_bottom
{
	border-color: var(--root_color_white);
}

/**********************************************************************************/ /* LAYOUT */

.section_left_right .global_contener.is_layout_mirror > *:last-child
{
	order: -1;
}

.section_left_right .global_contener.is_layout_vertical
{
	grid-template-columns: 100%;
}

.section_left_right .global_contener.is_layout_vertical .contener
{
	padding-top: 0;
	padding-bottom: 0;
}

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

.section_left_right.is_background_dark
{
	--global_loader_background_image: var(--global_loader_background_dark_image);
	--global_loader_background_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)
{
	.section_left_right .is_sticky
	{
		top: 0;
	}

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

	.section_left_right.s_padding_left_0 .global_contener.gc_gtc_2_fr
	{
		grid-template-columns: 100%
	}

	.section_left_right.s_padding_right_0 .global_contener.gc_gtc_2_fr
	{
		grid-template-columns: 100%
	}

														/* .section_left_right .is_layout_mirror > *:last-child
														{
															order: 1;
														}
														
														.section_left_right .global_contener.is_layout_mirror > *:last-child
														{
															order: 1;
														} */

	.section_left_right.s_padding_left_0
	{
		padding-right: 0;
	}

	.section_left_right.s_padding_right_0
	{
		padding-left: 0;
	}

	.section_left_right.s_padding_left_0 .contener 
	{
		padding-left: var(--global_padding);
		padding-right: var(--global_padding);
	}

	.section_left_right.s_padding_right_0 .contener 
	{
		padding-left: var(--global_padding);
		padding-right: var(--global_padding);
	}

	.section_left_right .contener
	{
		padding-top: 0;
		padding-bottom: 0;
	}

	.section_left_right.background_image.s_padding_left_0 .contener
	{
		padding-top: var(--global_size_60);
	}

	.section_left_right.background_image.s_padding_right_0 .contener
	{
		padding-top: var(--global_size_60);
	}

	.section_left_right .is_sticked
	{
		position: relative;
	}

	.section_left_right .image:not(.before)
	{
		order: 1;
	}

	.section_left_right .gs_arrow.gsa_jc_flex_end
	{
		justify-content: flex-start;
	}

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

	.section_left_right .text_title
	{
		text-align: left;
	}

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

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

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

	.section_left_right .content > *.align_left,
	.section_left_right .link.align_left > *
	{
		justify-self: flex-start;
	}

	.section_left_right .content > *.align_center,
	.section_left_right .link.align_center > *
	{
		justify-self: flex-start;
	}

	.section_left_right .content > *.align_right,
	.section_left_right .link.align_right> *
	{
		justify-self: flex-start;
	}

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

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

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

	.section_left_right .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)
{
	.section_left_right .contener.is_background_color .content
	{
		padding-top: var(--global_size_40);
		padding-right: var(--global_size_40);
		padding-bottom: var(--global_size_40);
		padding-left: var(--global_size_40);
	}

	.section_left_right .image.before img
	{
		max-width: 160px !important;
	}
}

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