/*-------------------------------------------------------*/
/* Grid
/*-------------------------------------------------------*/
.container {
	@include bp-lg-down {
		padding-left: $grid-gutter-width;
		padding-right: $grid-gutter-width;
	}

	&.container--wider {
		max-width: 1560px;
	}
}

.container-semi-fluid {
	padding: 0 50px;

	@include bp-md-down {
		padding: 0 15px;
	}
}

/* Sidebar
/*-------------------------------------------------------*/
@include bp-lg-up {
	.sidebar:not(.elementor-column) {
		max-width: 320px;
		flex: 0 0 320px;
	}

	.amela-left-sidebar {
		.content {
			order: 2;
		}
	}
}

@include bp-lg-up {
	.amela-left-sidebar {
		.content {
			padding-left: 50px;
		}
	}

	.amela-right-sidebar {
		.content {
			padding-right: 50px;
		}
	}
}

/* Sections
-------------------------------------------------------*/
.blog-section,
.search-results-section,
.archive-section,
.page-section,
.shop-section {
	padding: 70px 0;
}

.single-product .shop-section {
	padding-bottom: 30px;
}

/* Vertical Header
-------------------------------------------------------*/
.eversor-header-vertical {
	@include bp-lg-up {
		.container {
			padding-left: 40px;
			padding-right: 40px;
		}
	}
}

/* Flexbox
-------------------------------------------------------*/
.flex-parent {
	display: flex;
	-webkit-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
}

.flex-child {
	flex: 1 0 0;
}

/* Row Gutters
-------------------------------------------------------*/
.row-8 {
	margin: 0 -4px;

	& > div {
		padding: 0 4px;
	}
}

.row-10 {
	margin: 0 -5px;

	& > div {
		padding: 0 5px;
	}
}

.row-16 {
	margin: 0 -8px;

	& > div {
		padding: 0 8px;
	}
}

.row-40 {
	margin: 0 -20px;

	& > div {
		padding: 0 20px;
	}
}
