/* 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
$content: 760px;			// Content width
$sidebar: 370px;			// Sidebar width
$gap: 40px;					// Gap between content and sidebar
$page: $content + $gap + $sidebar;										// Width of the whole page

$page_boxed: $page + 120px;	// Width of the whole page (boxed)

$page_fullwide: 1920px;		// Max-width of the whole page (fullwidth)
$paddings_fullwide: 130px;	// Horizontal paddings of the fullwidth page

$menu_side: 70px;			// Sidemenu width
$page_menu_side: $page - $menu_side;									// Width of page with side menu

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




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

// --xl
$xl_content: 760px;			// Content width
$xl_sidebar: 310px;			// Sidebar width
$xl_gap: 30px;				// Gap between content and sidebar
$xl_page: $xl_content + $xl_gap + $xl_sidebar;							// Width of the whole page

$xl_content_boxed: 660px;	// Content width on the boxed pages
$xl_sidebar_boxed: 310px;	// Sidebar width on the boxed pages
$xl_gap_boxed: 30px;		// Gap between content and sidebar
$xl_page_boxed: $xl_content_boxed + $xl_gap_boxed + $xl_sidebar_boxed;	// Width of the whole page (boxed)

$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_content: 664px;			// Content width
$lg_sidebar: 270px;			// Sidebar width
$lg_gap: 30px;				// Gap between content and sidebar
$lg_page: $lg_content + $lg_gap + $lg_sidebar;							// Width of the whole page

$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_content: 708px;			// Content width
$md_page: $md_content;		// Width of the whole page

$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_content: 440px;			// Content width
$sm_page: $sm_content;		// 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_content: 280px;			// Content width
$xs_page: $xs_content;		// 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.front.scss";
@import "../css/_trx_addons.hovers.scss";
@import "../components/editor/css/trx_addons.editor.scss";
@import "../components/shortcodes/_shortcodes.scss";
@import "../components/api/js_composer/_js_composer.scss";
@import "../components/cpt/layouts/_layouts.scss";
@import "../components/cpt/team/_team.scss";
@import "../components/cpt/testimonials/_testimonials.scss";
@import "../components/shortcodes/action/_action.scss";
@import "../components/shortcodes/anchor/_anchor.scss";
@import "../components/shortcodes/blogger/_blogger.scss";
@import "../components/shortcodes/button/_button.scss";
@import "../components/shortcodes/content/_content.scss";
@import "../components/shortcodes/form/_form.scss";
@import "../components/shortcodes/googlemap/_googlemap.scss";
@import "../components/shortcodes/icons/_icons.scss";
@import "../components/shortcodes/popup/_popup.scss";
@import "../components/shortcodes/price/_price.scss";
@import "../components/shortcodes/promo/_promo.scss";
@import "../components/shortcodes/skills/_skills.scss";
@import "../components/shortcodes/socials/_socials.scss";
@import "../components/shortcodes/table/_table.scss";
@import "../components/shortcodes/title/_title.scss";
@import "../components/widgets/audio/_audio.scss";
@import "../components/widgets/banner/_banner.scss";
@import "../components/widgets/contacts/_contacts.scss";
@import "../components/widgets/recent_news/_recent_news.scss";
@import "../components/widgets/slider/_slider.scss";
@import "../components/widgets/socials/_socials.scss";
@import "../components/widgets/video/_video.scss";
@import "../components/cpt/layouts/shortcodes/cart/_cart.scss";
@import "../components/cpt/layouts/shortcodes/currency/_currency.scss";
@import "../components/cpt/layouts/shortcodes/featured/_featured.scss";
@import "../components/cpt/layouts/shortcodes/language/_language.scss";
@import "../components/cpt/layouts/shortcodes/logo/_logo.scss";
@import "../components/cpt/layouts/shortcodes/menu/_menu.scss";
@import "../components/cpt/layouts/shortcodes/search/_search.scss";
@import "../components/cpt/layouts/shortcodes/title/_title.scss";