/*
 * Kazak — compat-сетка WPBakery (vc_row / vc_column / vc_col-*).
 *
 * Эти правила раньше давал плагин WPBakery (js_composer.css). Плагин
 * не входит в тему и может быть деактивирован, поэтому тема несёт
 * собственную совместимую сетку: та же разметка и те же брейкпоинты,
 * что у Bootstrap 3.3, на котором построена Goliath (>=1200, >=992,
 * >=768, >=480, <480).
 *
 * Важно: правила выше sm-брейкпоинта НЕ должны перекрывать Goliath-стили
 * для внутренних страниц (.post > .vc_row > ...), которые заданы в
 * wordpress.css темы.
 */

/* ---- База ---- */

.vc_row:before,
.vc_row:after {
	content: " ";
	display: table;
}

.vc_row:after,
.vc_clearfix:after,
.vc_column-inner::after {
	clear: both;
}

.vc_row {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: -15px;
	margin-right: -15px;
}

.vc_column_container {
	width: 100%;
	float: left;
	padding-left: 0;
	padding-right: 0;
	position: relative;
	min-height: 1px;
}

.vc_column-inner {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 15px;
	padding-right: 15px;
	width: 100%;
}

/* ---- xs (базовая, <768px): все колонки на всю ширину ---- */

.vc_col-xs-1, .vc_col-xs-2, .vc_col-xs-3, .vc_col-xs-4,
.vc_col-xs-5, .vc_col-xs-6, .vc_col-xs-7, .vc_col-xs-8,
.vc_col-xs-9, .vc_col-xs-10, .vc_col-xs-11, .vc_col-xs-12 {
	float: left;
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}

.vc_col-xs-1 { width: 8.33333333%; }
.vc_col-xs-2 { width: 16.66666667%; }
.vc_col-xs-3 { width: 25%; }
.vc_col-xs-4 { width: 33.33333333%; }
.vc_col-xs-5 { width: 41.66666667%; }
.vc_col-xs-6 { width: 50%; }
.vc_col-xs-7 { width: 58.33333333%; }
.vc_col-xs-8 { width: 66.66666667%; }
.vc_col-xs-9 { width: 75%; }
.vc_col-xs-10 { width: 83.33333333%; }
.vc_col-xs-11 { width: 91.66666667%; }
.vc_col-xs-12 { width: 100%; }

/* ---- sm (>=768px) ---- */

@media (min-width: 768px) {
	.vc_col-sm-1, .vc_col-sm-2, .vc_col-sm-3, .vc_col-sm-4,
	.vc_col-sm-5, .vc_col-sm-6, .vc_col-sm-7, .vc_col-sm-8,
	.vc_col-sm-9, .vc_col-sm-10, .vc_col-sm-11, .vc_col-sm-12 {
		float: left;
		position: relative;
		min-height: 1px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.vc_col-sm-1 { width: 8.33333333%; }
	.vc_col-sm-2 { width: 16.66666667%; }
	.vc_col-sm-3 { width: 25%; }
	.vc_col-sm-4 { width: 33.33333333%; }
	.vc_col-sm-5 { width: 41.66666667%; }
	.vc_col-sm-6 { width: 50%; }
	.vc_col-sm-7 { width: 58.33333333%; }
	.vc_col-sm-8 { width: 66.66666667%; }
	.vc_col-sm-9 { width: 75%; }
	.vc_col-sm-10 { width: 83.33333333%; }
	.vc_col-sm-11 { width: 91.66666667%; }
	.vc_col-sm-12 { width: 100%; }
}

/* ---- md (>=992px) ---- */

@media (min-width: 992px) {
	.vc_col-md-1, .vc_col-md-2, .vc_col-md-3, .vc_col-md-4,
	.vc_col-md-5, .vc_col-md-6, .vc_col-md-7, .vc_col-md-8,
	.vc_col-md-9, .vc_col-md-10, .vc_col-md-11, .vc_col-md-12 {
		float: left;
		position: relative;
		min-height: 1px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.vc_col-md-1 { width: 8.33333333%; }
	.vc_col-md-2 { width: 16.66666667%; }
	.vc_col-md-3 { width: 25%; }
	.vc_col-md-4 { width: 33.33333333%; }
	.vc_col-md-5 { width: 41.66666667%; }
	.vc_col-md-6 { width: 50%; }
	.vc_col-md-7 { width: 58.33333333%; }
	.vc_col-md-8 { width: 66.66666667%; }
	.vc_col-md-9 { width: 75%; }
	.vc_col-md-10 { width: 83.33333333%; }
	.vc_col-md-11 { width: 91.66666667%; }
	.vc_col-md-12 { width: 100%; }
}

/* ---- lg (>=1200px) ---- */

@media (min-width: 1200px) {
	.vc_col-lg-1, .vc_col-lg-2, .vc_col-lg-3, .vc_col-lg-4,
	.vc_col-lg-5, .vc_col-lg-6, .vc_col-lg-7, .vc_col-lg-8,
	.vc_col-lg-9, .vc_col-lg-10, .vc_col-lg-11, .vc_col-lg-12 {
		float: left;
		position: relative;
		min-height: 1px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.vc_col-lg-1 { width: 8.33333333%; }
	.vc_col-lg-2 { width: 16.66666667%; }
	.vc_col-lg-3 { width: 25%; }
	.vc_col-lg-4 { width: 33.33333333%; }
	.vc_col-lg-5 { width: 41.66666667%; }
	.vc_col-lg-6 { width: 50%; }
	.vc_col-lg-7 { width: 58.33333333%; }
	.vc_col-lg-8 { width: 66.66666667%; }
	.vc_col-lg-9 { width: 75%; }
	.vc_col-lg-10 { width: 83.33333333%; }
	.vc_col-lg-11 { width: 91.66666667%; }
	.vc_col-lg-12 { width: 100%; }
}

/* ---- Оффсеты sm (частично используются старым контентом) ---- */

@media (min-width: 768px) {
	.vc_col-sm-offset-1 { margin-left: 8.33333333%; }
	.vc_col-sm-offset-2 { margin-left: 16.66666667%; }
	.vc_col-sm-offset-3 { margin-left: 25%; }
	.vc_col-sm-offset-4 { margin-left: 33.33333333%; }
	.vc_col-sm-offset-5 { margin-left: 41.66666667%; }
	.vc_col-sm-offset-6 { margin-left: 50%; }
	.vc_col-sm-offset-7 { margin-left: 58.33333333%; }
	.vc_col-sm-offset-8 { margin-left: 66.66666667%; }
	.vc_col-sm-offset-9 { margin-left: 75%; }
	.vc_col-sm-offset-10 { margin-left: 83.33333333%; }
	.vc_col-sm-offset-11 { margin-left: 91.66666667%; }
	.vc_col-sm-offset-12 { margin-left: 100%; }
}

/* ---- Скрытие по брейкпоинтам (vc_hidden-*) ---- */

.vc_hidden-xs { display: none !important; }
@media (min-width: 768px) and (max-width: 991px) { .vc_hidden-sm { display: none !important; } }
@media (min-width: 992px) and (max-width: 1199px) { .vc_hidden-md { display: none !important; } }
@media (min-width: 1200px) { .vc_hidden-lg { display: none !important; } }

/* ---- Виджет-сайдбар от WPBakery ---- */

.wpb_widget_sidebar {
	margin-bottom: 30px;
}
