/* ATTENTION! This file was generated automatically! Don't change it!!!
----------------------------------------------------------------------- */
@import "../css/_mixins.scss";
@import "../css/_trx_addons.vars.scss";

// @required



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

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

// Grid
$page: 	  1170px;						// Width of the whole page
$sidebar:  370px;						// Sidebar width
$gap:	    40px;						// Gap between content and sidebar
$content: $page - $sidebar - $gap;		// Content width

$sidebar_prc: $sidebar / $page;			// Relative width of the sidebar
$gap_prc: $gap / $page;					// Relative width of the gap

$page_boxed: $page + 135px * 2;			// Width of the whole page (boxed)

$page_wide_extra: 1790px;				// Content width for extra wide page
$page_fullwide: 1920px;					// Max-width of the whole page (fullwidth)
$paddings_fullwide: 130px;				// Horizontal paddings of the fullwidth page

$grid_gap: 30px;						// Gap between columns in the grid




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

// --xxl
$xxl_page: 1300px;
$xxl_page_boxed: $xxl_page - 120px;


// --xl
$xl_page: 1200px;									// Width of the whole page
$xl_sidebar: $xl_page * $sidebar_prc;				// Sidebar width
$xl_gap: $xl_page * $gap_prc;						// Gap between content and sidebar
$xl_content: $xl_page - $xl_sidebar - $xl_gap;		// Content width

$xl_page_boxed: $xl_page - 80px;					// Width of the whole page (boxed)
$xl_sidebar_boxed: $xl_page_boxed * $sidebar_prc;	// Sidebar width on the boxed pages
$xl_gap_boxed: $xl_page_boxed * $gap_prc;			// Gap between content and sidebar
$xl_content_boxed: $xl_page_boxed - $xl_gap_boxed - $xl_sidebar_boxed;	// Content width on the boxed pages

$xl_menu_side: 70px;								// Sidemenu width
$xl_page_menu_side: $xl_page - $xl_menu_side;		// Width of page with side menu

$xl_grid_gap: 30px;									// Gap between columns in the grid


// --lg
$lg_page: 964px;									// Width of the whole page
$lg_sidebar: $lg_page * $sidebar_prc;				// Sidebar width
$lg_gap: $lg_page * $gap_prc;						// Gap between content and sidebar
$lg_content: $lg_page - $lg_sidebar - $lg_gap;		// Content width

$lg_menu_side: 60px;								// Sidemenu width
$lg_page_menu_side: $lg_page - $lg_menu_side;		// Width of page with side menu

$lg_grid_gap: 30px;									// Gap between columns in the grid


// --md
$md_page: 708px;			// Width of the whole page
$md_content: $md_page;		// Content width

$md_menu_side: 60px;		// Sidemenu width
$md_page_menu_side: $md_content - $md_menu_side;	// Width of page with side menu

$md_grid_gap: 30px;			// Gap between columns in the grid


// --sm
$sm_page: 440px;			// Content width
$sm_content: $sm_page;		// Width of the whole page

$sm_menu_side: 60px;		// Sidemenu width

$sm_grid_gap: 20px;			// Gap between columns in the grid
$sm_grid_max_columns: 1;	// Max columns in the row of the grid


// --xs
$xs_page: 280px;			// Content width
$xs_content: $xs_page;		// Width of the whole page

$xs_menu_side: 60px;		// Sidemenu width

$xs_grid_gap: 20px;			// Gap between columns in the grid
$xs_grid_max_columns: 1;	// Max columns in the row of the grid

@import "../css/_trx_addons.responsive.scss";
@import "../components/shortcodes/_shortcodes.responsive.scss";
@import "../components/api/js_composer/_js_composer.responsive.scss";
@import "../components/cpt/layouts/_layouts.responsive.scss";
@import "../components/cpt/services/_services.responsive.scss";
@import "../components/cpt/team/_team.responsive.scss";
@import "../components/shortcodes/action/_action.responsive.scss";
@import "../components/shortcodes/blogger/_blogger.responsive.scss";
@import "../components/shortcodes/content/_content.responsive.scss";
@import "../components/shortcodes/form/_form.responsive.scss";
@import "../components/shortcodes/googlemap/_googlemap.responsive.scss";
@import "../components/shortcodes/icons/_icons.responsive.scss";
@import "../components/shortcodes/price/_price.responsive.scss";
@import "../components/shortcodes/skills/_skills.responsive.scss";
@import "../components/shortcodes/socials/_socials.responsive.scss";
@import "../components/widgets/slider/_slider.responsive.scss";
@import "../components/cpt/layouts/shortcodes/logo/_logo.responsive.scss";
@import "../components/cpt/layouts/shortcodes/menu/_menu.responsive.scss";


/* SASS Suffix: --desktop */
@media (min-width: 1680px) {
	@include layouts--desktop();
}


/* SASS Suffix: --notebook */
@media (min-width: 1280px) and (max-width: 1679px) {
	@include layouts--notebook();
}


/* SASS Suffix: --tablet */
@media (min-width: 768px) and (max-width: 1279px) {
	@include sc--tablet();
	@include layouts--tablet();
}


/* SASS Suffix: --mobile */
@media (max-width: 767px) {
	@include sc--mobile();
	@include layouts--mobile();
}


/* SASS Suffix: --xl */
@media (max-width: 1439px) {
	@include trx_addons--xl();
	@include sc--xl();
	@include layouts--xl();
	@include sc_services--xl();
	@include sc_team--xl();
	@include sc_blogger--xl();
	@include sc_content--xl();
	@include layouts_logo--xl();
}


/* SASS Suffix: --lg */
@media (max-width: 1279px) {
	@include trx_addons--lg();
	@include layouts--lg();
	@include sc_blogger--lg();
	@include sc_content--lg();
	@include sc_icons--lg();
	@include slider--lg();
	@include layouts_menu--lg();
}


/* SASS Suffix: --md */
@media (max-width: 1023px) {
	@include trx_addons--md();
	@include sc--md();
	@include js_composer--md();
	@include layouts--md();
	@include sc_services--md();
	@include sc_team--md();
	@include sc_blogger--md();
	@include sc_content--md();
	@include sc_googlemap--md();
	@include sc_price--md();
	@include sc_skills--md();
	@include slider--md();
	@include layouts_menu--md();
}


/* SASS Suffix: --sm */
@media (max-width: 767px) {
	@include trx_addons--sm();
	@include sc--sm();
	@include js_composer--sm();
	@include layouts--sm();
	@include sc_services--sm();
	@include sc_team--sm();
	@include sc_blogger--sm();
	@include sc_content--sm();
	@include sc_form--sm();
	@include sc_socials--sm();
	@include slider--sm();
	@include layouts_menu--sm();
}


/* SASS Suffix: --xs */
@media (max-width: 479px) {
	@include trx_addons--xs();
	@include sc--xs();
	@include layouts--xs();
	@include sc_services--xs();
	@include sc_team--xs();
	@include sc_action--xs();
	@include sc_content--xs();
	@include sc_form--xs();
	@include sc_price--xs();
	@include sc_skills--xs();
	@include slider--xs();
}


/* SASS Suffix: --md_lg */
@media (min-width: 768px) and (max-width: 1279px) {
	@include js_composer--md_lg();
}
