// @required



// Responsive
//------------------------------------------

// By screen size
$media_xxl:			                        "(max-width: 1679px)";
$media_xl:			                        "(max-width: 1439px)";
$media_lg:			                        "(max-width: 1279px)";
$media_md_lg:		"(min-width:  768px) and (max-width: 1279px)";
$media_md_over:		"(min-width: 1024px)";
$media_md:			                        "(max-width: 1023px)";
$media_wp_fix:		"(min-width:  601px) and (max-width:  782px)";
$media_wp_over:		"(min-width:  600px)";
$media_sm:			                        "(max-width:  767px)";
$media_sm_wp:		                        "(max-width:  600px)";
$media_xs:			                        "(max-width:  479px)";

// By device
$media_wide:		"(min-width: 2160px)";
$media_desktop:		"(min-width: 1680px) and (max-width: 2159px)";
$media_notebook:	"(min-width: 1280px) and (max-width: 1679px)";
$media_tablet:		"(min-width:  768px) and (max-width: 1279px)";
$media_not_mobile:	"(min-width:  768px)";
$media_mobile:		                        "(max-width:  767px)";



// General settings
//------------------------------------------

$theme_icons: "fontello";				// font-family for the font with theme-specific icons
$trx_addons_icons: "trx_addons_icons";	// font-family for the font with plugin-specific icons

$hide_scrollbars_in_gb: false;			// Hide scrollbars in the editor area and in the sidebar in WordPress 5.0+ (or Gutenberg)

// Calculate all dimensions depend from page width
@mixin page_dimensions($responsive:0, $expand_narrow: 0) {
	--theme-var-sidebar: calc( var(--theme-var-page) * var(--theme-var-sidebar_prc) );									// Sidebar width
	--theme-var-sidebar_gap: calc( var(--theme-var-page) * var(--theme-var-sidebar_gap_prc) );							// Gap between content and sidebar
	--theme-var-sidebar_and_gap: calc( var(--theme-var-sidebar) + var(--theme-var-sidebar_gap) );						// Sidebar and Gap together

	@if $responsive == 1 {
		--theme-var-content: var(--theme-var-page);																		// Content width
	} @else {
		--theme-var-content: calc( var(--theme-var-page) - var(--theme-var-sidebar) - var(--theme-var-sidebar_gap) );	// Content width
	}

	@if $expand_narrow == 1 {
		--theme-var-content_narrow: var(--theme-var-content);															// Narrow content width
		--theme-var-padding_narrow: 0px;																				// Narrow content left padding
	} @else {
		--theme-var-content_narrow: calc( var(--theme-var-content) * var(--theme-var-koef_narrow) );					// Narrow content width
		--theme-var-padding_narrow: calc( var(--theme-var-content) * ( 1 - var(--theme-var-koef_narrow) ) );			// Narrow content left padding
	}
}