/*--------------------------------------------------------------
Lightweight Bootstrap-3-compatible grid
--------------------------------------------------------------
Replaces the full Bootstrap 3.4.1 framework (which ships buttons,
forms, navs, modals, carousel, tables, alerts, etc. that this theme
never uses) with just the exact grid + utility classes the theme
actually relies on (container, row, col-xs/sm/md/lg-1..12, pull-left/
right, clearfix, text-center, hidden-xs/sm/md/lg). Values match
Bootstrap 3.4.1's grid math exactly (gutter 30px / 15px each side,
container widths 750/970/1170px), so existing layouts render
pixel-identical while shipping a small fraction of the CSS.
--------------------------------------------------------------*/

.container {
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px;
}
@media (min-width: 768px) {
	.container { width: 750px; }
}
@media (min-width: 992px) {
	.container { width: 970px; }
}
@media (min-width: 1200px) {
	.container { width: 1170px; }
}

.row {
	margin-left: -15px;
	margin-right: -15px;
}

.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
	content: " ";
	display: table;
}
.clearfix:after,
.row:after {
	clear: both;
}

.pull-left { float: left !important; }
.pull-right { float: right !important; }
.text-center { text-align: center; }

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

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

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

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

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


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