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

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

.section_cta
{
	overflow: hidden;
	min-height: calc(var(--section_height) * 1vh);
}

.section_cta
{
	min-height: calc(var(--section_height) * 0.625vw);
}

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

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

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

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

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

/**********************************************************************************/ /* VIDEO NIE OK*/

.section_cta.global_background.gb_before_bc::before
{
	--gb_before_bc: var(--background_color);
}


.section_cta .is_video
{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

.section_cta .video
{
/*	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%; */
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
/*	max-width: none; */
	object-fit: cover;
	object-position: 50% 50%;
	aspect-ratio: 16 / 9;
}

.section_cta .video.is_mobile
{
/*	aspect-ratio: 9 / 16; */
}

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

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

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

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

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

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

.section_cta .text_content
{
	max-width: calc(var(--text_content_limit) * 1px);
}

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

.section_cta .content > *.align_left
{
/*	margin-left: 0;
	margin-right: auto; */
	justify-self: flex-start;
}

.section_cta .content > *.align_center
{
/*	margin-left: auto;
	margin-right: auto; */
	justify-self: center;
}

.section_cta .content > *.align_right
{
/*	margin-left: auto;
	margin-right: 0; */
	justify-self: flex-end;
}

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

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

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

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

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

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

.section_cta .global_contener.layout_mirror > *:last-child
{
	order: -1;
}

.section_cta .global_contener.layout_vertical
{
	grid-template-columns: 100%;
}

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

.section_cta.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_cta
	{
		min-height: 62.5vw;
	}
}

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

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

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

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