@import "vars";

.stax-hfg-builder {
	.stax-builder {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		margin-left: 300px;
		padding: 10px 20px 20px;
		background-color: $wp-light-grey;
		border-top: $wp-grey-border;
		transition: all 0.18s;

		&.hide {
			transition: bottom 0.2s ease;
			bottom: -100%;
		}

		@media screen and (min-width: 1667px) {
			margin-left: 18%;
		}
	}

	@import "rows";
	@import "builder-item";
	@import "responsive-switches";
	@import "sidebar-items";
	@import "columns-builder";
	@import "items-popover";
}

@import "customizer-adjustments";
@import "instructional-section";

.stax-builder-portal-wrap {
	z-index: 10;
	position: relative;
}

.collapsed .stax-builder {
	margin-left: 0;
}
