/**
 * section_files
 * @version	2.0
 * @release	27-10-205
 * @author	msolowski Marcin Sołowski
 * @website	http://msolowski.pl
 */

.section_files
{
	background-color: var(--root_color_dark);
	background-image: none;
}

.section_files .contener > *
{
	color: var(--root_color_white) !important;
}

.section_files .content a
{
	color: var(--root_color_lead) !important;
}

.section_files .content a:hover
{
	color: var(--root_color_white) !important;
}

.section_files .link .global_link
{
	color: var(--root_color_white) !important;
}

.section_files .link .global_link::after
{
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5 12.3008H19M19 12.3008L12 5.30078M19 12.3008L12 19.3008' stroke='%23FFFFFF' stroke-width='1.33' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e") !important;
}

.section_files .link .global_button
{
	--global_button_color:				var(--root_color_dark) !important;
	--global_button_background_color:	var(--root_color_lead) !important;
	--global_button_color_h:			var(--root_color_dark) !important;
	--global_button_background_color_h:	var(--root_color_white) !important;
}

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

.section_files .file
{
	padding-top: var(--global_size_20);
	padding-bottom: var(--global_size_20);
	border-bottom: 1px solid rgba(229, 229, 229, 0.20);
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.section_files .file .file_icon
{
	--min_icon_width: 32;
	--max_icon_width: 32;
	--icon_width:
		clamp(calc(var(--min_icon_width) * 1px),
		calc((((-1 * var(--global_scm_var)) * ((var(--max_icon_width) - var(--min_icon_width)) / (var(--global_sc_var) - var(--global_scm_var))) + var(--min_icon_width)) * 1px)
		+ ((var(--max_icon_width) - var(--min_icon_width)) / (var(--global_sc_var) - var(--global_scm_var)) * 100vw)),
		calc(var(--max_icon_width) * 1px));
	min-width: var(--icon_width);
	width: var(--icon_width);
	height: var(--icon_width);
	height: 32px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='UTF-8'?%3e%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 32 32'%3e%3cpath d='M18.6662998,2.6679699v5.3333299c0,.7072506.2810001,1.38552.7810993,1.8856201.5001011.5000801,1.1784.7810802,1.885601.7810802h5.3332996M19.9997005,2.6679699H7.99967c-.7072401,0-1.38552.2809501-1.8856101.78105-.5001001.5000901-.7810497,1.17837-.7810497,1.8856201v21.3333592c0,.707201.2809496,1.3855.7810497,1.885601.5000901.5000992,1.17837.7810001,1.8856101.7810001h16.0000305c.7071991,0,1.3855-.280901,1.8855991-.7810001.5001011-.5001011.7810001-1.1784.7810001-1.885601V9.3346395s-6.6665993-6.6666694-6.6665993-6.6666696Z' fill='none' stroke='%2392ffac' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.33'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: 0 50%;
	background-size: contain;
	margin-right: var(--global_size_20);
}

.section_files .file .file_icon.ext_zip
{
	background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='UTF-8'?%3e%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 32 32'%3e%3cpath d='M18.6662998,2.6679699v5.3333299c0,.7072506.2810001,1.38552.7810993,1.8856201.5001011.5000801,1.1784.7810802,1.885601.7810802h5.3332996M19.9997005,2.6679699H7.99967c-.7072401,0-1.38552.2809501-1.8856101.78105-.5001001.5000901-.7810497,1.17837-.7810497,1.8856201v21.3333592c0,.707201.2809496,1.3855.7810497,1.885601.5000901.5000992,1.17837.7810001,1.8856101.7810001h16.0000305c.7071991,0,1.3855-.280901,1.8855991-.7810001.5001011-.5001011.7810001-1.1784.7810001-1.885601V9.3346395s-6.6665993-6.6666694-6.6665993-6.6666696Z' fill='none' stroke='%2392ffac' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.33'/%3e%3cpath d='M12.4765997,28.6093998v-14' fill='none' stroke='%2392ffac' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3e%3cpath d='M10.4765997,20.6093998h4' fill='none' stroke='%2392ffac' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3e%3cpath d='M10.4765997,16.6093998h4' fill='none' stroke='%2392ffac' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3e%3cpath d='M10.4765997,24.6093998h4' fill='none' stroke='%2392ffac' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3e%3c/svg%3e");
}

.section_files .file .file_name
{
	flex: 1 1 auto;
	margin-right: var(--global_size_20);
}

.section_files .file .file_size
{
	color: rgba(255, 255, 255, 0.5);
}

.section_files .file .file_url
{
	display: flex;
	align-items: center;
	font-weight: 500;
}

.section_files .file .file_url:hover
{
	display: flex;
	align-items: center;
	color: var(--root_color_lead);
}

.section_files .file .file_url::after
{
	--min_icon_width: 16;
	--max_icon_width: 16;
	--icon_width:
		clamp(calc(var(--min_icon_width) * 1px),
		calc((((-1 * var(--global_scm_var)) * ((var(--max_icon_width) - var(--min_icon_width)) / (var(--global_sc_var) - var(--global_scm_var))) + var(--min_icon_width)) * 1px)
		+ ((var(--max_icon_width) - var(--min_icon_width)) / (var(--global_sc_var) - var(--global_scm_var)) * 100vw)),
		calc(var(--max_icon_width) * 1px));
	min-width: var(--icon_width);
	width: var(--icon_width);
	height: var(--icon_width);
	height: 32px;
	content: '';
	display: block;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.665 8.66406V11.3307C12.665 11.6844 12.5246 12.0235 12.2745 12.2735C12.0245 12.5236 11.6853 12.6641 11.3317 12.6641H1.99837C1.64475 12.6641 1.30561 12.5236 1.05556 12.2735C0.805515 12.0235 0.665039 11.6844 0.665039 11.3307V8.66406M3.33171 5.33073L6.66504 8.66406M6.66504 8.66406L9.99837 5.33073M6.66504 8.66406V0.664062' stroke='white' stroke-width='1.33' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: 0 50%;
	background-size: contain;
	margin-left: var(--global_size_10);
}

.section_files .file .file_url:hover::after
{
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.665 8.66406V11.3307C12.665 11.6844 12.5246 12.0235 12.2745 12.2735C12.0245 12.5236 11.6853 12.6641 11.3317 12.6641H1.99837C1.64475 12.6641 1.30561 12.5236 1.05556 12.2735C0.805515 12.0235 0.665039 11.6844 0.665039 11.3307V8.66406M3.33171 5.33073L6.66504 8.66406M6.66504 8.66406L9.99837 5.33073M6.66504 8.66406V0.664062' stroke='%2392ffac' stroke-width='1.33' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
}

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

.section_files_2 .squeezebox .squeezebox_content
{
	flex-direction: column;
	padding-top: var(--global_size_30);
}

.section_files_2 .squeezebox 
{
	border-top: 1px solid rgba(249, 249, 249, 0.20);
	border-top: 0;
}

.section_files_2 .squeezebox:last-child
{
	border-bottom: 0;
}

.section_files_2 .squeezebox .squeezebox_title
{
	padding-top: var(--global_size_15);
	padding-bottom: var(--global_size_15);
	border-bottom: 1px solid rgba(249, 249, 249, 0.20);
}

.section_files_2 .squeezebox .squeezebox_title .title_inner_header_text_title
{
	font-size: calc(var(--global_font_size_h5) * 1);
	color: var(--root_color_white);
}

.section_files_2 .squeezebox .squeezebox_title .icon::before,
.section_files_2 .squeezebox .squeezebox_title .icon::after
{
	background-color: #f9f9f9;
}

.section_files_2 .file
{
	padding-top: var(--global_size_10);
	padding-bottom: var(--global_size_10);
	border-bottom: 0;
}

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

@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)
{
}