// Bootstrap Extension

// Flex Styles

.flex-center {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	align-content: center !important;
	justify-items: center !important;
	justify-content: center !important;
}

.flex-0 {
	flex: 0 !important;
}

.flex-1 {
	flex: 1 !important;
}

// Overflow Styles

.overflow-hidden {
	overflow: hidden !important;
}

.overflow-lg-hidden {
	@include media(">lg") {
		overflow: hidden !important;
	}
}

// Positioning Styles

.position-lg-relative {
	@include media(">lg") {
		position: relative !important;
	}
}

.position-lg-static {
	@include media(">lg") {
		position: static !important;
	}
}

.position-lg-fixed {
	@include media(">lg") {
		position: fixed !important;
	}
}

.position-lg-absolute {
	@include media(">lg") {
		position: absolute !important;
	}
}

.t-0 {
	top: 0 !important;
}

.t-lg-0 {
	@include media(">lg") {
		top: 0 !important;
	}
}

.t-100 {
	top: 100% !important;
}

.t-lg-100 {
	@include media(">lg") {
		top: 100% !important;
	}
}

.l-0 {
	left: 0 !important;
}

.l-lg-0 {
	@include media(">lg") {
		left: 0 !important;
	}
}

.l-100 {
	left: 100% !important;
}

.l-lg-100 {
	@include media(">lg") {
		left: 100% !important;
	}
}

.r-0 {
	right: 0 !important;
}

.r-lg-0 {
	@include media(">lg") {
		right: 0 !important;
	}
}

.r-100 {
	right: 100% !important;
}

.r-lg-100 {
	@include media(">lg") {
		right: 100% !important;
	}
}

.b-0 {
	bottom: 0 !important;
}

.b-lg-0 {
	@include media(">lg") {
		bottom: 0 !important;
	}
}

.b-100 {
	bottom: 100% !important;
}

.b-lg-100 {
	@include media(">lg") {
		bottom: 100% !important;
	}
}

// Sizing Styles

.w-auto {
	width: auto !important;
}

.w-lg-100 {
	@include media(">lg") {
		width: 100% !important;
	}
}

.w-lg-auto {
	@include media(">lg") {
		width: auto !important;
	}
}

.h-auto {
	width: auto !important;
}

.h-lg-100 {
	@include media(">lg") {
		height: 100% !important;
	}
}

.h-lg-auto {
	@include media(">lg") {
		height: auto !important;
	}
}

// Z-Indexing Styles

.z-index-0 {
	z-index: 0 !important;
}

.z-index-1 {
	z-index: 1 !important;
}

.z-index-2 {
	z-index: 2 !important;
}

.z-index-3 {
	z-index: 3 !important;
}

.z-index-4 {
	z-index: 4 !important;
}

.z-index-5 {
	z-index: 5 !important;
}