@import url('classes.css');
@import url('form.css');
@import url('row.css');
@import url('default-eshop.css') screen;
@import url('header.css') screen;
@import url('nav.css') screen;
@import url('table.css');

/* webredakce */

@import url('homepage.css');
@import url('modals.css');
@import url('order.css');
@import url('leftcol.css');
@import url('slider.css');
@import url('articles.css');
@import url('search.css') screen;
@import url('products.css');
@import url('photogallery.css');
@import url('input-replace.css') screen;
@import url('components-eshop.css');
@import url('user.css');
@import url('categories.css');
@import url('responsive-eshop.css');

/* plugins */

@import url('select2.css');
@import url('select2-custom.css');
@import url('fontawesome.min.css');
@import url('solid.min.css');
@import url('brands.min.css');
@import url('jquery.fancybox.css');
@import url('nouislider.css');

/* print */

@import url('print.css') print;

/* vars */

:root {
	--textColor: #000;
	--text2Color: #666;
	--primColor: #FF5E22;
	--secColor: #2C9A46;
	--altColor: #F9F9F9;
	--bdrColor: #E0E0E0;
	--bdr2Color: #d9e1e6;
	--inputBdrColor: #ccc;
	--inputBgColor: #F9F9F9;
	--positiveColor: #2C9A46;
	--fa-style: 300;
	--hSpace: 32px;
	--vSpace: 50px;
	--fwB: 600;
	--fwN: 600;
	--fwL: 400;
	--setOpacity: .7;
	--shadow: none;
	--radius: 10px;
	--headerHeight: 100px;
	--overWidth: 1408px;
}

@media (max-width: 1200px) {
	:root {
		--headerHeight: 60px;
	}
}

@media (max-width: 760px) {
	:root {
		--hSpace: 16px;
	}
}